js基础---文档的加载

2024-02-05 14:24:52

- 浏览器在加载一个页面时，是按照自上向下的顺序加载的，加载一行执行一行。 - 如果将js代码编写到页面的上边，当代码执行时，页面中的DOM对象还没有加载，此时将会无法正常获取到DOM对象，导致DOM操作失败。 - 解决方式一： - 可以将js代码编写到body的下边

    <body>
        <button id="btn">按钮</button>
        <script>
            var btn = document.getElementById("btn");
            btn.onclick = function(){
            
            };
        </script>
    </body>

- 解决方式二： - 将js代码编写到window.onload = function(){}中 - window.onload 对应的回调函数会在整个页面加载完毕以后才执行，所以可以确保代码执行时，DOM对象已经加载完毕了

    <script>
        window.onload = function(){
            var btn = document.getElementById("btn");
            btn.onclick = function(){
            
            };
        };
    
    </script>

码农公寓

相关文章