社区
JavaScript
帖子详情
js如何判断网页是否全部加载完成???????
yz383838
2010-10-30 08:41:42
如题!!!
...全文
11851
20
打赏
收藏
js如何判断网页是否全部加载完成???????
如题!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
20 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
huanmie1986
2010-11-02
打赏
举报
回复
window.onload = function(){
//全部加载完成!!
} 这个是比较好的
brainwkernighan
2010-11-02
打赏
举报
回复
onload是dom组件加载完毕
document.onreadystatechange可用来判断图片等加载download完毕。
龙心
2010-11-02
打赏
举报
回复
onload()
wangqi0325
2010-11-02
打赏
举报
回复
javascript里面的ONLOAD时间会在页面加载完立即执行,JQUERY里面的$()READY函数也是同理,当有多个READY函数时,依定义的次序执行,在函数体添加代码就可以判断页面是否加载完成了
leehuat
2010-11-01
打赏
举报
回复
if(document.readyState=='complete')
{
window.alert('加载完成!');
}
在路上20130607
2010-11-01
打赏
举报
回复
不少答案 应该都lz用的
wfyfjplfjj
2010-10-31
打赏
举报
回复
参见jquery的ready方法,应该是在不同的浏览器中判断onLoad函数,当然你也可以不把包含的js文件放在head里面,而是放在body的最底部,这样的话,等整个页面加载完了才会执行js
healer_kx
2010-10-31
打赏
举报
回复
onload
hch126163
2010-10-31
打赏
举报
回复
window.onload = function(){
}
和 body 后面直接写js 也可以!
碧海情天-赵亮
2010-10-31
打赏
举报
回复
这要看你怎么理解或自定义这个“加载”的。
一般来说,用window.onload就是了。
但如果涉及一些大体积的图片的加载,由于传输速度远落后于页面结构的加载速度,所以,如果你是想知道这些资源实际加载完成的时机的话,就需要额外对这些资源进行onload的监测。比如,10个大图片,分别在每个图片的onload里给一个计数变量加1,并随即检测其数值,当某一次加后的计数达到10,则说明全部实际完成了。
xiailiang
2010-10-31
打赏
举报
回复
[Quote=引用 7 楼 lone_cheerup 的回复:]
<body onload="alert();">
[/Quote]
+1
zjhiphop2006
2010-10-30
打赏
举报
回复
页面加载流程:页面初始化(加载html标签)--》请求资源文件(图片、css、js)-》呈现
判断是否加载完就是要看load事件有没有执行完,js加载时会把所有的文件放到body元素之后,所以你可以在body之后加一段
<script langue='javascript'>
alert('页面加载完成!!');
</script>
就可以进行判断了!
lone_cheerUp
2010-10-30
打赏
举报
回复
<body onload="alert();">
zhangshaolongjj
2010-10-30
打赏
举报
回复
window.onload = function(){
//全部加载完成!!
}
hxs0117143
2010-10-30
打赏
举报
回复
vbg ka
shaoliang520xi
2010-10-30
打赏
举报
回复
<script langue='javascript'>
alert('页面执行完了');//这JS放在页面的最后面
</script>
wuaier
2010-10-30
打赏
举报
回复
JS函数 是什么函数
小龙在线
2010-10-30
打赏
举报
回复
一个建议
可以在网页末尾设定一个JS函数,通过JS函数的返回值应该可以搞定
js
或者jquery
判断
图片
是否
加载
完成
实现代码
网页
中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些
js
或者jquery代码在还没有
加载
完图片时就执行了。怎么办呢?jquery提供一个方法: 代码如下: 01.$(“”).load(function(){…}); 其中选择器是图片的id或class,function里面的方法就是回调函数,在图片
加载
完成
后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是: 用
js
的onload方法: 代码如下: document.getElementById(“”).onload = function() {}; 实验结果是可行
快速实现
JS
图片懒
加载
(可视区域
加载
)示例代码
js
懒
加载
图片 如何提高
网页
加载
速度?在
网页
中有许多img标签,这些标签就是图片,其属性src则是指向服务器地址,当浏览器从上往下读取到src标签中的地址时,浏览器就会开启线程,
加载
这张图片。而并不是等到整张页面都解析
完成
才
加载
图片。我们要做的就是
加载
用户可视范围内的图片。
js
懒
加载
图片的目的 1.
网页
优化,提高
网页
加载
速度 2.页面优化友好,提高SEO收录与排名 3.提高用户体验,减少服务器压力 实例代码如下: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <tit
ajax动态
加载
FAQ
ajax系列动态
加载
FAQ
JavaScript语言案例.zip
JavaScript语言案例.zipJavaScript语言案例.zipJavaScript语言案例.zipJavaScript语言案例.zipJavaScript语言案例.zip
预
加载
css或javascript的
js
代码
预
加载
文件一般有两种常用的方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步
加载
方式(例如yui的Get模块),然后使用动态插入节点方法
加载
的文件都会在
加载
后立即执行,javascript的执行一方面会占用浏览器
js
执行进程,另一方面也可能改变页面结构,而css的执行更有可能让整个页面变化。xhr方式虽然不会执行脚本,但是由于同域的限制,且如今网站的静态文件都是部署在cdn服务器上,如何预
加载
css
js
文件也变有点玄妙了。 Stoyan Stefanov 撰文简明的阐述了一种
加载
文件而不会让之执行的方法。原文可见 http://www.phpied.com/prel
JavaScript
87,985
社区成员
224,731
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章