`
mutongwu
  • 浏览: 448504 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

动态加载JS/CSS文件

    博客分类:
  • DOM
阅读更多
动态加载JS/CSS文件,可以判断是否加载完毕。
function loadScript(url, callback) {
	var script = document.createElement("script")
	script.type = "text/javascript";
	if (script.readyState) { // IE
		script.onreadystatechange = function() {
			if (script.readyState == "loaded"
					|| script.readyState == "complete") {
				script.onreadystatechange = null;
				callback();
			}
		};
	} else { // Others
		script.onload = function() {
			callback();
		};
	}
	script.src = url;
	document.getElementsByTagName("head")[0].appendChild(script);
}

//例子
loadScript("file1.js", function(){
    alert("File is loaded!");
});
//顺序加载
loadScript("file1.js", function() {
		loadScript("file2.js", function() {
			loadScript("file3.js", function() {
				alert("All files are loaded!");
			});
		});
});

分享到:
评论

相关推荐

    js 异步加载js, css文件

    当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...

    jquery动态加载js/css文件方法(自写小函数)

    然而,jQuery没有内置的方法来动态加载CSS文件。为了解决这个问题,我们可以扩展jQuery对象,添加一个新的`$.include()`方法,使其能够加载JavaScript和CSS。以下是一个自定义`$.include()`函数的示例: ```...

    延迟加载JS/CSS

    延迟加载(Lazy Load)是一种...7. **总结**:延迟加载JS和CSS是现代Web开发中的重要优化手段,它通过按需加载策略,平衡了用户体验、性能和资源消耗。理解并掌握这种技术,对于创建高性能、响应迅速的网站至关重要。

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    folium js css 本地资源 src资源

    一个本地化的 folium 地图资源,包括了js,css 等文档,配合python脚本将对应资源的引用本地化,避免了引入url资源时跨境加载js/css资源网络慢的问题,提升本地folium地图的加载速度,速度提升 800 倍,让地图打开...

    动态加载、移除js/css文件的示例代码

    首先,我们来看动态加载js/css文件的函数`loadjscssfile`: ```javascript function loadjscssfile(filename, filetype) { if (filetype == "js") { var fileref = document.createElement('script'); fileref....

    动态加载Css 浏览器判断

    在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...

    IOS WKWebView无法打开本地资源js/css/image.rar

    IOS WKWebView无法打开本地资源JS/CSS/Image,解决跨域问题 本人亲自编写,可以加载本地网站,如cocos creator发布的网页直接在本地打开 能够正确加载js,css/image等

    vant.min.js/css

    "vant.min.js" 是 Vant 库的压缩版本 JavaScript 文件,包含了所有 Vant 组件的代码。这个文件经过了压缩处理,减小了文件大小,有利于加快页面加载速度。在 HTML 项目中,你需要在 `<head>` 标签内通过 `<script>` ...

    使用javaScript动态加载Js文件和Css文件

    (1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...

    apache模块 合并多个js/css 提高网页加载速度

    Apache模块mod_concatx是针对网页优化的一个利器,它专门用于合并多个JavaScript(js)和样式表(css)文件,以此来提升网页加载速度。在现代网页设计中,为了实现复杂的功能和美观的界面,通常会引入大量的外部js和...

    JS 动态加载js文件和css文件 同步/异步的两种简单方式

    JavaScript动态加载资源文件是指在页面加载完成后,根据需要从服务器动态加载额外的脚本(js文件)或样式表(css文件)。这种方法可以减少初始页面加载时的资源消耗,提高页面的加载速度。动态加载可以通过两种方式...

    动态载入/删除/更新外部 JavaScript/Css 文件的代码

    动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在<head>标签里面进行添加: 代码... 现在用动态的方式载入JavaScript/Css文件: 用 DOM createElement 方法创建

    HTML/JS/CSS网页压缩器

    在提供的压缩包中,`WebZipper.exe`很可能是这个网页压缩器的执行程序,用户可以通过运行这个程序来压缩和优化他们的HTML、JavaScript和CSS文件。而`data`文件夹可能包含了压缩器运行所需的配置文件、库或者其他辅助...

    banner动态效果模板加js/css

    标题中的“banner动态效果模板加js/css”表明这是一个关于网页横幅(banner)设计的资源,其中包含了JavaScript和CSS技术来实现动态效果。在网页设计中,动态效果能提升用户体验,吸引用户注意力,通常用于展示广告...

    动态加载JS文件和CSS文件,多浏览器支持。

    动态加载JS文件和CSS文件,多浏览器支持。多个JS文件同时加载,加载完成后执行回调方法。 使用方法: var loader=new RemoteLoader(); loader.loadFiles(["yy.js","jj.jus"],作用域);

Global site tag (gtag.js) - Google Analytics