使用可变 URL 动态包含外部脚本
将脚本标签动态添加到网页时,必须考虑具有 src 属性的脚本包括 document.write 命令。这可能会破坏正常的加载行为。
问题
在普通情况下,使用以下代码包含“source.js”中的脚本效果很好:
<script type="text/javascript" src="source.js"></script>
但是,“source.js”可能包含以下异常内容:
document.write('<script type="text/javascript">') document.write('alert("hello world")') document.write('</script>') document.write('<p>goodbye world</p>')
解决方案
使用普通方法将不能正确处理这种情况。相反,您可以使用以下技术动态添加带有变量 srcs 的脚本:
var my_awesome_script = document.createElement('script'); my_awesome_script.setAttribute('src','http://example.com/site.js'); document.head.appendChild(my_awesome_script);
此方法创建一个新的脚本元素,设置其 src 属性,并将其附加到
元素。该文件的。即使脚本的 src 包含 document.write 命令它也可以工作。以上是如何动态包含带有包含'document.write”命令的变量 URL 的外部脚本?的详细内容。更多信息请关注PHP中文网其他相关文章!