javascript - 在 Chrome 中将 &lt;script&gt; 标记附加到 <head> 失败

标签 javascript html google-chrome

我最近向我的网站添加了一个第三方 JavaScript 库,以便管理电子邮件订阅:

<script type="text/javascript" src="http://forms.aweber.com/form/catID/formID.js"></script>

此 javascript 文件包含一行,用于加载另一个 javascript 文件以设计页面上显示的弹出窗口的样式:

var script = document.createElement('script');
script.src = "http://forms.aweber.com/form/styled_popovers_and_lightboxes.js";
script.type = 'text/javascript';
document.getElementsByTagName('HEAD')[0].appendChild(script);

奇怪的是,这个脚本在 Safari、IE 和 Firefox 中加载正常,但在 chrome 中却无法加载:

enter image description here

但是我可以在 new tab 中加载相同的脚本。当我调试网络请求时,我可以收集的唯一信息是没有响应:

enter image description here

为什么 Chrome(仅)无法加载此脚本?

最佳答案

您没有添加新的 <script>标签;您只需将 URL 传递给 .appendChild() .

var newScript = document.createElement('script');
newScript.src = "http://forms.aweber.com/form/styled_popovers_and_lightboxes.js";
document.getElementsByTagName('head')[0].appendChild(newScript);

关于javascript - 在 Chrome 中将 &lt;script&gt; 标记附加到 <head> 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21799510/

相关文章:

javascript - 为什么 JavaScript "delete"运算符在不同的浏览器中表现不同?

javascript - 谷歌地图中的标记图像取决于列值

javascript - Chrome 表示无法读取未定义的属性 'nodeName',IE6 没问题,使用 Google Map API

JavaScript : how to know which tab is active

html - GWTBootstrap 行显示为列而不是行

javascript - 标题和导航栏之间的网站空间

html - 可以通过 css 交换两个元素吗?

Python/Selenium - Chrome Web 驱动程序,单击操作

javascript - 具有 React 的 Apollo 客户端 2 无法进行查询

javascript - Jquery laravel 中带有特殊字符的 URL 参数