<!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>
為什么不能在 body 標簽的前面的 script 標簽中定義 JS 全局變量?
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。