想请问关于domready的问题

来源:3-3 domReady的实现策略

悠然于世

2020-01-27 23:35:09

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
        <script>
            console.log(document.getElementById('header'));
        </script>
    </head>

    <body>
        <h1 id="header">header</h1>
    </body>
</html>

想请问关于这样代码执行的话 是不是表示,因为在domeready之前就会先解析并执行脚本,这时会造成节点上未完成而没办法取得节点。

而若使用window.onload的话就会在domeready之后(准确说是页面加载完毕后才执行脚本),就不会造成js阻塞?

window.onload


写回答

2回答

好帮手慕言

2020-01-31

同学你好,大致是可以这么理解的,棒棒哒,继续加油,祝学习愉快~

0

悠然于世

提问者

2020-01-28

刚刚又重新构思了下,准确的来说Dom Ready是不是可以用下面这三个解释说明呢?

1. Dom Ready 是一种代码执行的策略,用来让代码在 Dom 加载完成后能直接对 Dom 进行操作。

2. window.onload、setTimeout 也是实现策略之一。

3. 用原生js另写一个专门做 Dom Ready 的 function 去处理的方法会比 window.onload 执行效率更快。


0

0 学习 · 40143 问题

查看课程