关于js动态插入script 标签后页面JS代码执行失败的解决方法
来源:互联网 发布:php前端模板 编辑:程序博客网 时间:2024/05/29 18:35
RT,主要是因为加载顺序的问题,为了解决某设备上的JS缓存导致修改文件不能及时更新问题以及方便JS管理,我采用了如下代码进行JS 动态插入
var t = Math.random();var js_path = "./js/";function loadJS(script){ var src = js_path + script +'?r='+t ; 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); head.appendChild(script_dom);}loadJS("tb.js");loadJS("button.js");
执行后发现一个问题,原有页面的关联JS代码一直报错,提示 undefine ( 应该没拼错 ),然后检查发现 head 节点成功插入了 script标签,而且顺序是比较前的,于是有点纳闷,经过几番测试后,发现如果是后面动态插入的SCRIPT是会被执行的,只是执行顺序比当前页面的嵌入JS代码更晚一步而已,那么我们为了保证页面代码执行顺序不出错误。
通过 给 BODY 增加 Onload 方法,将页面需要嵌入执行的代码放入onload中则问题解决。
注:这里也测试了 jQuery 的 ready 事件,发现依然如此,本人为应用开发者,不深究了。
穿针引线,请大神拍砖。
0 0
- 关于js动态插入script 标签后页面JS代码执行失败的解决方法
- 关于动态执行代码(js的Eval)
- 页面加载完成后执行js代码
- 页面加载完成后执行JS代码
- 页面js 出现 “不能执行已经释放的Script代码”错误
- JS中script标签位置对页面的影响
- JS动态插入HTML后不能执行后续JQUERY操作
- js笔记(一)--关于<script>标签
- 页面加载完成后自动执行(js代码)
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- 解决 ASP.NET 中执行js代码后页面布局变不正常的方法
- 页面加载完后自动执行一个方法的js代码
- document.write插入js标签会覆盖页面的问题
- Web app 前端框架ratchet使用push.js界面跳转后,js代码无法执行的解决方法
- js 过滤script标签之间的内容
- Js的script标签中的id作用
- firefox/chrome动态设置script加载js文件失败
- js动态拼接标签,样式丢失的解决方法
- net-snmp交叉编译时问题总结
- 《Windows核心编程》之“线程栈”
- ubuntu下git服务器的搭建
- fl2440工作于STA模式
- 查看进程打开的 fd 数
- 关于js动态插入script 标签后页面JS代码执行失败的解决方法
- 视图
- HDU 2680 Choose the best route【多源最短路,Dijkstra+spfa】
- 线性表的顺序存储结构
- 常用排序算法——插入排序
- 判断水仙花数
- SQL SERVER 已超过了锁请求超时时段
- xsi:schemaLocation报错
- 网易——小易的升级之路、炮台的攻击、扫描透镜