JavaScript 判断 DOM 何时加载完毕
答案:2 悬赏:0 手机版
解决时间 2021-11-18 23:59
- 提问者网友:星軌
- 2021-11-18 08:21
JavaScript 判断 DOM 何时加载完毕
最佳答案
- 五星知识达人网友:千夜
- 2021-11-18 09:51
你好,很高兴能回答你的问题,onload函数就是加载完毕
window.onload=function(){
//加载完毕,执行代码
} 严格意义上的代码
function domReady(f) {
// 如果 DOM 已经载入,立即执行函数
if (domReady.done)
return f();
// 如果我们已经添加过函数
if (domReady.timer) {
// 则将函数添加到待执行的函数列表
domReady.ready.push(f);
} else {
// 为页面完成加载时附加一个事件,以防它率先发生
// 使用了addEvent 函数
window.onload= isDOMReady;
// 初始化待执行函数的数组
domReady.ready = [ f ];
// 尽可能快地检查DOM 是否已就绪
domReady.timer = setInterval(isDOMReady, 13);
}
}
// 检查 DOM 是否已经准备好导航
function isDOMReady() {
// 如果我们断定页面已经加载完成了,则返回
if (domReady.done)
return false;
// 检查一些函数和元素是否已可访问
if (document && document.getElementsByTagName && document.getElementById
&& document.body) {
// 如果它们已就绪,则停止检查
clearInterval(domReady.timer);
domReady.timer = null;
// 执行所有正在等待的函数
for (var i = 0; i < domReady.ready.length; i++)
domReady.ready[i]();
// 记住现在我们已经完成
domReady.ready = null;
domReady.done = true;
}
} 希望可以帮助到你,望采纳
window.onload=function(){
//加载完毕,执行代码
} 严格意义上的代码
function domReady(f) {
// 如果 DOM 已经载入,立即执行函数
if (domReady.done)
return f();
// 如果我们已经添加过函数
if (domReady.timer) {
// 则将函数添加到待执行的函数列表
domReady.ready.push(f);
} else {
// 为页面完成加载时附加一个事件,以防它率先发生
// 使用了addEvent 函数
window.onload= isDOMReady;
// 初始化待执行函数的数组
domReady.ready = [ f ];
// 尽可能快地检查DOM 是否已就绪
domReady.timer = setInterval(isDOMReady, 13);
}
}
// 检查 DOM 是否已经准备好导航
function isDOMReady() {
// 如果我们断定页面已经加载完成了,则返回
if (domReady.done)
return false;
// 检查一些函数和元素是否已可访问
if (document && document.getElementsByTagName && document.getElementById
&& document.body) {
// 如果它们已就绪,则停止检查
clearInterval(domReady.timer);
domReady.timer = null;
// 执行所有正在等待的函数
for (var i = 0; i < domReady.ready.length; i++)
domReady.ready[i]();
// 记住现在我们已经完成
domReady.ready = null;
domReady.done = true;
}
} 希望可以帮助到你,望采纳
全部回答
- 1楼网友:woshuo
- 2021-11-18 11:13
用jquery吧,省得你自己写代码,都封装好了。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯