首页 > web前端 > js教程 > 正文

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

Barbara Streisand
发布: 2024-11-02 20:50:02
原创
607 人浏览过

How to Dynamically Include External Scripts with Variable URLs that Contain `document.write` Commands?

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板