为什么不能在 body 标签的前面的 script 标签中定义 JS 全局变量?

最新推荐文章于 2022-02-21 18:28:21 发布

a817480

最新推荐文章于 2022-02-21 18:28:21 发布

阅读量518

点赞数

原文链接：http://www.cnblogs.com/zwer/p/10611219.html

版权

<!DOCTYPE html>
<!--
    为什么不能在 body 标签的前面的 script 标签中定义 JS 全局变量？
    
    在全局环境下的代码就是在页面加载阶段从上到下一边加载一边执行的
    这时处于代码下面的页面元素还没有加载完，访问不到。
        
    解决方法： 在 body 标签的后面 script 标签中定义 JS 全局变量
-->
<html>
    <head>
        <script>
            
            var  id =  document.getElementById("test");
            alert(id); //获取不到 div 的对象
            
            function  testDemo(){
                
                var  id2 =  document.getElementById("test");
                alert(id2); //可以获取到 div 对象
            }
            
        </script>
    </head>
    
    <body>
            <div id="test">test</div>
            <hr boder="solid red 3px"/>
            <button onclick="testDemo()">测试按钮</button>
    </body>
</html>
<script>
        
        var  id =  document.getElementById("test");
        alert(id); //获取不到 div 的对象
    
</script>

转载于:https://www.cnblogs.com/zwer/p/10611219.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a817480

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
为什么不能在 body 标签的前面的 script 标签中定义 JS 全局变量?

<!DOCTYPE html><!-- 为什么不能在 body 标签的前面的 script 标签中定义 JS 全局变量？在全局环境下的代码就是在页面加载阶段从上到下一边加载一边执行的这时处于代码下面的页面元素还没有加载完，访问不到。解决方法：在 body 标签的后面 script 标签中定义 JS 全...
复制链接

扫一扫