JS延迟加载(setTimeout) JS最后加载
2010-07-15 00:00
721 查看
第一 JS延迟加载
一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
js代码
setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.
在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.
1.函数无参:
function alertV(){ alert("000"); }
当第一个参数不加引号("" 或 '')时,延迟一秒:
setTimeout(alertV,1000);
当第一个参数加上又引号时,延迟一秒:
setTimeout("alertV()",1000);
2. 函数有参:
function alertV(event){ alert("keyCode="+event.keyCode); }
此时应设置成:
setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.
要是哪位还有好的可行方法,谢谢共享.
<script language="JavaScript" src="" id="my"></script> <script> setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 </script>
一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
<SPAN id=L4EVER>LOADING...</SPAN>
当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
<SPAN class=spanclass id=AD_L4EVER><script src="1.js"></script></SPAN>
js代码
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.
在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.
1.函数无参:
function alertV(){ alert("000"); }
当第一个参数不加引号("" 或 '')时,延迟一秒:
setTimeout(alertV,1000);
当第一个参数加上又引号时,延迟一秒:
setTimeout("alertV()",1000);
2. 函数有参:
function alertV(event){ alert("keyCode="+event.keyCode); }
此时应设置成:
setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.
要是哪位还有好的可行方法,谢谢共享.
相关文章推荐
- JS延迟加载(setTimeout) JS最后加载
- JS延迟加载(setTimeout) JS最后加载
- JS延迟加载或JS最后加载加快网页打开速度
- JS延迟加载或JS最后加载加快网页打开速度
- JS延迟加载或JS最后加载加快网页打开速度
- JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
- JS中for循序中延迟加载实现动态效果
- 原生js可视加载图片、延迟加载、懒加载
- [extjs3.4]延迟、动态加载js文件
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- js简单实现图片延迟加载的方法
- js 延迟加载
- JavaScript 图像延迟加载库 Echo.js的简单使用
- 延迟加载图片的 jQuery 插件——lazyload.js
- web优化之-js 异步加载 js延迟执行 js插件
- js延迟加载的几种方法
- 收藏 JS,延迟加载,只加载当前屏幕内容
- jquery.lazyload.js 图片延迟加载
- AngularJS使用ocLazyLoad实现js延迟加载
- 图片显示提高用户体验—JS实现—图片预加载,图片延迟加载