在 Rails 应用程序中使用外部脚本时出现 Javascript null 错误

Question

我正在使用来自广告服务提供商的横幅广告，类似于 google adsense。他们网站的说明清楚而简单地说明我们需要做的就是将以下代码复制到我们的网页正文中

<!-- Begin Hsoub Ads Ad Place code -->
<script type="text/javascript"><!--
  hsoub_adplace = [my account id];
  hsoub_adplace_size = '728x90';
//--></script>
<script src="http://ads2.hsoub.com/show.js" type="text/javascript"></script>
<!-- End Hsoub Ads Ad Place code -->

我已复制并粘贴到我的 rails 应用程序中，在视图文件的主体内，但没有显示横幅，我可以看到 javascript 错误（使用浏览器检查源）

类型错误：document.getElementById(...) 为空

ps：在旧浏览器上会显示横幅，但不会在最新版本的浏览器上显示。

ps2：多次确认hsoub的支持，他们这边没有问题（他们的代码很好，可以在数千个网站上运行，我的帐户处于活动状态没有问题）。这一定是我的代码有问题。我在想 Rails 处理 javascript 的方式……你能帮我解决这个错误并显示横幅吗？

ps3：我正在使用导轨6.0.1和涡轮链接5.2.0

您可以在https://tafqit.com/在线检查错误/源代码

Answer 1

该问题是由 CloudFlare cdn 服务的 Rocket Loader 功能引起的

Rocket Loader 改进了包含 Javascript 的页面的绘制时间。通过查看内容加载速度更快，访问者将获得更好的体验，并且速度也是某些搜索排名的一个因素。

Rocket Loader 通过异步加载您的 Javascript（包括第三方脚本）来缩短绘制时间，这样它们就不会阻止渲染您的页面内容。

我禁用了它，现在出现横幅。