JS延迟加载加快页面打开速度示例代码


Posted in Javascript onDecember 30, 2013

第一,JS延迟加载

代码如下:

<script language="JavaScript" src="" id="my"></script> 
<script language="JavaScript"> 
setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延时3秒 
</script>

第二,JS最后加载

在需要插入JS的地方插入以下代码:

<SPAN id=L4EVER>LOADING...</SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

然后在页面最底端插入:

<SPAN class=spanclass id=AD_L4EVER> 
你的JS代码在这里!</SPAN> 
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

第三,JS最后加载

想要显示广告的位置
<div id="guangg1"></div>

想要显示的广告内容

<div id="ggad1" style="display:none"> 
<script language="javascript" src="/include/.......js"></script> 
</div>

判断要显示的广告位置是否存在
<script language="javascript"> 
function chkdiv(divid){ 
var chkid=document.getElementById(divid); 
if(chkid != null) 
{return true; } 
else 
{return false; } 
} 最后就是显示广告了 
if (chkdiv('guangg1')) { 
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML; 
document.getElementById('ggad1').innerHTML=""; 
} 
</script>

setTimeout用法

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); 不然会提示参数未定义.

Javascript 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
详解Javascript中的原型OOP
Oct 12 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
Dec 12 Javascript
vue-cli 关闭热更新操作
Sep 18 Javascript
深入理解javascript中return的作用
Dec 30 #Javascript
禁止IE用右键的JS代码
Dec 30 #Javascript
js将控件隐藏及display属性的使用介绍
Dec 30 #Javascript
JS的document.all函数使用示例
Dec 30 #Javascript
Jquery插件easyUi表单验证提交(示例代码)
Dec 30 #Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 #Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 #Javascript
You might like
PHP对字符串的递增运算分析
2010/08/08 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
linux下php上传文件注意事项
2016/06/11 PHP
PHP实现图片的等比缩放和Logo水印功能示例
2017/05/04 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
javascript Select标记中options操作方法集合
2008/10/22 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
python线程join方法原理解析
2020/02/11 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
高三自我鉴定怎么写
2013/10/19 职场文书
销售员个人求职的自我评价
2014/02/10 职场文书
计算机专业职业规划
2014/02/28 职场文书
生物制药专业求职信
2014/03/11 职场文书
中学生寄语大全
2014/04/03 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
运动会3000米加油稿
2015/07/21 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
Python+Appium自动化测试的实战
2021/06/30 Python