您的位置:首页 > Web前端 > JavaScript

实现动态加载JS脚本

2015-10-15 08:30 591 查看
1.直接使用document.write("XXXXX");

  var urlPath = window.location.pathname;

  var projectName = urlPath.substring(0,urlPath.indexOf("/",2)) + "/"; /*这里为获取你的项目名称*/

  document.write("<script language='javascript' src='"+projectName+"**.js'></script>");

2.动态创建javascript 同时加载当前目录下多个js文件

  (function() {

var js = ["**.js" , "**.js"];

var base = "";

var scripts = document.getElementsByTagName("script");

for(var i = 0; i  < scripts.length; i++){

var src = scripts[i].src;

if(!src){

continue;

}

var m = src.match(/**\.js(\W|$)/i);

if(m) {

base = src.substring(0, m.index); /*获取到**.js的上一级目录*/

}

}

var head = document.getElementsByTagName("head")[0];

for(var j = 0 ; j < js.length ;j++) {

var script = document.createElement("script");

script.src = base + js[j];

head.appendChild(script);

}

 })();

以上两种方法都是异步执行的,加载这些脚本的同时,主页面中的脚本继续运行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: