Q
页面加载状态
2
A
回答
2
我不是100%肯定这会工作,但..这里是理论:
首先,不停止的JavaScript运行,直到页面加载。含义,不要使用window.ready的document.ready等。
在页面的顶部初始化JavaScript变量称为加载或东西,它设置为0。
var loaded = 0;
整个页面增量加载在不同的点上,您认为它们的比例是正确的。
例如,在您认为一半的页面已被载入代码集loaded = 50;
之后。
等..
正如我所说,这只是一个概念。
+0
DOM可能需要0.2ms才能加载,但所有图像... 1.5s +例如 – 2013-02-20 13:04:15
0
你必须亲自确定它,要做到这一点,你必须有一种方法来确定它。一种可能性是在页面上有虚拟元素,知道它们的总数,并且在每个点上计数已经存在的数量。但是这只会让你获得DOM的数量,并且可能只是加载时间的一小部分 - 通常情况下,浏览器无法等待脚本和图像。
1
代码:
function request() {
showLoading(); //calls a function which displays the loading message
myRequest = GetXmlHttpObject();
url = 'path/to/script.php';
myRequest.open('GET',url,true);
myRequest.onreadystatechange = function() {
if(myRequest.readyState == 4 && myRequest.status == 200) {
clearLoading(); //calls a function which removes the loading message
//show the response by, e.g. populating a div
//with the response received from the server
}
}
myRequest.send(null);
}
在请求开始的时候我打电话showLoading()
它使用JavaScript动态添加preLoaderDiv
的等价物。然后,当收到回复时,我会拨打clearLoading()
,这会动态删除相应的preLoaderDiv
。
相关问题
- 1. Kibana状态页面加载号含义
- 2. Backbone.js使用Symfony重新加载状态和页面状态
- 3. WPF - 加载图像以显示页面加载状态
- 4. 页面加载时JSP +繁忙状态,直到全部加载
- 5. 通过状态在页面加载时加载模板 - AngularJS
- 6. 当点击重载页面时,Django页面停留在加载状态。
- 7. JQuery页面动态加载
- 8. jquery加载动态页面
- 9. '动态'页面加载?
- 10. Trigger.io动态加载页面
- 11. 节能状态页面重载
- 12. 动态页面加载无法加载Java页面
- 13. 无法加载视图状态,当页面包含视图状态变量
- 14. Nginx状态页面
- 15. 加载页面加载视图状态,保存在页面卸载(从基类) - C#Asp.net
- 16. OutputCache动态页面状态
- 17. 刷新页面返回jstree中加载状态的数据页面
- 18. 保持状态的页面重新加载/页面上的背景滑块
- 19. 从主页动态加载页面
- 20. 如何在重新加载之间存储页面的状态?
- 21. 通过单个状态加载页面AngularJS
- 22. 如何将页面保持为假加载状态
- 23. 保存并加载页面的ajax状态
- 24. 触发加载页面的就绪状态
- 25. DOMDocument加载页面返回400错误请求状态
- 26. 手风琴菜单状态选择页面加载
- 27. 回到导航加载页面作为其第一状态
- 28. jquery accordion在页面加载时默认为折叠状态
- 29. 在CherryPy的每个页面加载时检查登录状态
- 30. Ajax状态代码0在页面重新加载
为什么?你已经有了浏览器工具。按F12。去网络标签 – 2013-02-20 12:51:29
检查萤火虫 - >净选项卡 – Ashwin 2013-02-20 12:52:28
我想他想在他的页面上放一些进度条来显示页面加载状态? – gaurav 2013-02-20 12:54:08