大家知道javascript代碼都是順序執行,對它要有充分的認識,否則可能會出現一些莫名其妙的問題,當然這些問問一般僅僅會出現在初學者身上,對于稍有經驗的程序員來說很難出現這樣的問題,下面就簡單介紹一下。

下面是我們要操作的div元素:
   [ 其他 ] 運行代碼    下載代碼
<script>
<div id="thediv">51前端</div>
</script>
如果將js代碼放置于上面靜態代碼的前面,例如:
   [ 其他 ] 運行代碼    下載代碼
<script>
var odiv=document.getElementById("thediv");
</script>
以上代碼代碼并不能顧獲取div對象,因為在執行js代碼的時候,并沒有加載到div元素。

解決上面的問題可以使用以下方法:

第一種方法:

將js代碼放置于div后面,遮掩在執行js代碼的時候,保證div已經加載完成。

第二種方法:

使用window.onload事件,也就是等頁面文檔內容完全加載完畢再去執行事件處理函數中的代碼,例如:
   [ 其他 ] 運行代碼    下載代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.4756661.live/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onload=function()
{
  var odiv=document.getElementById("thediv");
}
</script> 
</head> 
<body> 
<div id="thediv">51前端</div>
</body> 
</html>

代碼描述:js代碼執行順序,js代碼執行順序簡單介紹代碼下載



4 5



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: js js代碼 js實例 javascript javascript代碼 javascript實例 js函數方法 js函數 js方法 javascript函數方法 javascript函數 javascript方法
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

林肯娱乐怎么赚钱