实现动态加载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);
}
})();
以上两种方法都是异步执行的,加载这些脚本的同时,主页面中的脚本继续运行
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);
}
})();
以上两种方法都是异步执行的,加载这些脚本的同时,主页面中的脚本继续运行
相关文章推荐
- 201510150049_《JavaScript——clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别》
- js
- 插件推荐Echo.js 简单易用的图片延迟加载插件
- JavaScript学习随记——数组一
- Ember.js 入门指南——控制器(controller)
- jsp中page指令用法详解
- JSP简单添加,查询功能代码
- 深入解析Python编程中JSON模块的使用
- JS利用cookie记忆当前位置的防刷新导航效果
- JS实现选中当前菜单后高亮显示的导航条效果
- Javascript 对象的创建
- js函数的作用域与this指向
- 理清javascript的相关概念 DOM和BOM
- js固定滚动条,锁定页面
- Ember.js 入门指南——控制器(controller)
- Ember.js 入门指南——管理controller之间的依赖关系
- JavaScript 学习随记——"=="和"==="及常见元素的真假值
- js学习总结2
- JavaScript语法
- 正则表达式断言、巡视(Assertions)、正向断言、反向断言介绍