热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js中动态插入script标签的脚本

在项目中动态的添加iframe,这个是没问题的,但时在我想往动态生成的iframe中动态插入js脚本的时候,使用append方法$(“#test”).contents().find

在项目中动态的添加iframe,这个是没问题的,但时在我想往动态生成的iframe中动态插入js脚本的时候,使用append方法

$(“#test”).contents().find(“head”).append(‘’);这个样写代码在编译器总就提示报错,浏览器运行的时候报: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


推荐阅读
author-avatar
太完美无缺_817
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有