100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript中动态加载js文件多种解决办法总结【javascript】

javascript中动态加载js文件多种解决办法总结【javascript】

时间:2023-12-27 21:22:42

相关推荐

javascript中动态加载js文件多种解决办法总结【javascript】

web前端|js教程

javascript,动态加载

web前端-js教程

一个比较全部在动态加方法

wordpress 防源码抓取,ubuntu如何运行cgi,app爬虫视频课程,php屏蔽 ip,辽宁网络seolzw

/*

动态加载js v1.0 by:dum

用法:src="webJsBase.js?load=a,b"

注:加载本目录下js

*/

var webJsBase = {

require: function(libraryName) {

document.write(\);

},

load: function(defaultLoad) {

if((typeof Prototype==undefined)||(typeof Element == undefined)||(typeof Element.Methods==undefined))

throw (prototype lib 加载失败!);

if(typeof defaultLoad==undefined)defaultLoad=\;

var js = /webJsBase.js(?.*)?$/;

$$(head script[src]).findAll(function(s) {

return s.src.match(js);

}).each(function(s) {

var path = s.src.replace(js, \);

var includes = s.src.match(/?.*load=([a-zA-Z0-9_,]*)/);

(includes ? includes[1] : defaultLoad).split(,).each(function(include) {

webJsBase.require(path + include + .js);

});

});

}

};

webJsBase.load(); //这里参数可以指定默认要加载的js文件

这是最简单的方法在加载完后再利用直接document.write 如下图。

android热门应用开发详解 源码,vscode增加配置,ubuntu线程怎么看,打开tomcat地址,sqlite 唯一值,织梦 上传插件下载地址,前端技术框架图教程,爬虫软件怎么检查,php 5 下载,seo玫瑰花市场分析,信箱网站源码下载,用html制作网页实例,帝国7.2网站模板,php 页面浏览次数代码,cms内容管理系统是什么意思,thinkphp5万能门店小程序lzw

document.write("");

给script加个id再去动态改变已有script的src 属性

cc网络验证源码,vscode配置vue,ubuntu安装完整qemu,lunix运行tomcat,sqlite 通用类 c,html音乐代码插件下载地址,前端页面层次框架,京东反爬虫图片,php 跨站php,搜易达seo软件,网站模板免费下载jsp,网页 调用摄像头,国微学校站群模板下载地址,页面滑动切换,银行管理系统 winform 数据库表,微信小程序356同城联盟lzw

s1.src="test.js"

这里利用getElementsByTagName(‘HEAD’)动态创建 script元素

var oHead = document.getElementsByTagName(HEAD).item(0);

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

oScript.type = "text/javascript";

oScript.src="test.js";

oHead.appendChild( oScript);

还可以这样尝试一下,自定一个函数

function include(src) {

HTMLCode = \;

document.write(HTMLCode);

}

调用方法,这样看上去就你php的include函数了

include(baseDir + "/Prototype.js");

include(baseDir + "/Map.js");

include(baseDir + "/MapEvent.js");

include(baseDir + "/model/MapModel.js");

include(baseDir + "/model/MapType.js");

include(baseDir + "/model/Tile.js");

还有朋友说可以使用ExtJs4 动态加载js这里我就不介绍了,上面的方法足够让你实现动态加载js了.

所以在采用这类方法动态加载Js 的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。

这时候可以考虑采用Ajax加载Js的方法。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。