想请问关于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-28
刚刚又重新构思了下,准确的来说Dom Ready是不是可以用下面这三个解释说明呢?
1. Dom Ready 是一种代码执行的策略,用来让代码在 Dom 加载完成后能直接对 Dom 进行操作。
2. window.onload、setTimeout 也是实现策略之一。
3. 用原生js另写一个专门做 Dom Ready 的 function 去处理的方法会比 window.onload 执行效率更快。
相似问题
回答 1
回答 2
回答 1
回答 1
回答 1