如何动态包含带有包含'document.write”命令的变量 URL 的外部脚本？

使用可变 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中文网其他相关文章！