如何挂钩DOM加载的事件？

Question

如何挂钩DOM加载的事件？

Orr*_*rry 8 html dom load

有人能指出我挂钩DOM加载事件的方向吗？

基本上,我想在dom加载时显示一个加载器(我不是指Ajax请求 - 用户第一次点击页面时)？

在此先感谢所有人

Answer 1

Ell*_*ler 30

如果您没有使用框架,请使用DOMContentLoaded事件:

document.addEventListener('DOMContentLoaded', function() {
  // ...
})

Run Code Online (Sandbox Code Playgroud)

Answer 2

Pao*_*ino 10

所有流行的Javascript库都有一个"DOM加载"事件,您可以使用它.

实质上:

<html>
<head>
    <script>
    // if using jQuery
    $(document).ready(function() { $('#loading').hide(); });
    // if using Prototype
    document.observe("dom:loaded", function() { $('loading').hide(); });
    </script>
</head>
<body>
    <div id="loading">Loading...</div>
    <!-- rest of page -->
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	16 年，9 月前
查看次数：	12102 次
最近记录：	13 年，6 月前