在项目中动态的添加iframe,这个是没问题的,但时在我想往动态生成的iframe中动态插入js脚本的时候,使用append方法
$("#test").contents().find("head").append('<script type="text/javascript" src="seajs.js"></script>');这个样写代码在编译器总就提示报错,浏览器运行的时候报:Uncaught SyntaxError: Invalid or unexpected token的错误
使用append方法动态增加css是可以的,但时动态增加js脚本是不行的。
动态加载js脚本可以使用如下办法:
var src = "http://localhost:8091/app.js";
var script_dom = document.createElement('script');
script_dom.src = src;
script_dom.language = 'javascript';
script_dom.type = 'text/javascript';
var head = document.getElementsByTagName('head').item(0);//这个是往本页面动态加载js脚本
head.appendChild(script_dom);
动态往动态生成的iframe中增加js脚本,则将倒数第二句修改为:
var head = $("#iframeId").contents().find("head")[0];
这样就可以动态的增加js脚本了。
注意:最后一句head.appendChild(script_dom);不能使用append来添加,否则在ie浏览器下会报“不支持append属性或方发”的错误。
原文链接:https://blog.csdn.net/xxx9001/article/details/52035827?tdsourcetag=s_pcqq_aiomsg
本文详细介绍了如何在动态生成的iframe中动态加载JS脚本,包括使用JavaScript创建script标签并将其添加到iframe的head中,避免了使用append方法在IE浏览器下出现的问题。

2415

被折叠的 条评论
为什么被折叠?



