爲何不能在 body 標籤的前面的 script 標籤中定義 JS 全局變量?

時間 2019-12-13

標籤爲何不能 body 標籤前面 script 定義全局變量欄目 JavaScript 简体版

原文原文鏈接

<!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>

相關標籤/搜索