源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript动态插入script的基本思路及实现函数

  • 时间:2022-12-24 14:54 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript动态插入script的基本思路及实现函数
在日常的前端开发中,偶尔有需要动态插入javascript代码的需求,基本思路是: 1、动态创建一个script标签,设置其src属性,type属性等 2、将script节点插入页面,加载js文件 即相当于将<script type="text/javascript" src="xxx.js"></script>添加到了页面,只不过这个过程是动态完成的,为此特意封装了一个函数来实现:
[u]复制代码[/u] 代码如下:
// 动态插入script标签 function createScript(url, callback){ var oScript = document.createElement('script'); oScript.type = 'text/javascript'; oScript.async = true; oScript.src = url; /* ** script标签的onload和onreadystatechange事件 ** IE6/7/8支持onreadystatechange事件 ** IE9/10支持onreadystatechange和onload事件 ** Firefox/Chrome/Opera支持onload事件 */ // 判断IE8及以下浏览器 var isIE = !-[1,]; if(isIE){ alert('IE') oScript.onreadystatechange = function(){ if(this.readyState == 'loaded' || this.readyState == 'complete'){ callback(); } } } else { // IE9及以上浏览器,Firefox,Chrome,Opera oScript.onload = function(){ callback(); } } document.body.appendChild(oScript); }
使用方法如:
[u]复制代码[/u] 代码如下:
createScript('xxx.js', function(){ console.log('OK'); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部