首页 > Web开发 > 详细

js基础---文档的加载

时间:2021-09-02 14:47:29      阅读:24      评论:0      收藏:0      [点我收藏+]
- 浏览器在加载一个页面时,是按照自上向下的顺序加载的,加载一行执行一行。
- 如果将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>   

 

js基础---文档的加载

原文:https://www.cnblogs.com/leiyanting/p/15217169.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!