首頁 > 開發者 > JavaScript
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>第一份JavaScript程式</title></head><body><script language="javascript">//批註文字隱藏<!--document.write("第一個JavaScriptc程式<br>");--></script></body></html> 上面的<!-- …… -->是為瞭解決瀏覽器不相容的問題，如果舊版瀏覽器不相容JavaScript代碼，將隱藏JavaScript代碼，否則會把它視為HTML代碼一部分顯示在瀏覽器中，稱為無用資訊。
4.1 Head地區的JavaScript代碼
在Head地區的JavaScript代碼是為了保證運行程式碼調用前相關函數程式碼已經載入，因為代碼執行是從上到下依次執行，通常這個地區代碼為了Body地區程式碼所調用的事件或處理函數，如下代碼執行結果：
<title>第一份JavaScript程式</title><script language="javascript">//批註文字隱藏<!--function showmessage(){ alert("Head地區的JavaScript程式碼");}--></script></head><body onload="JavaScript:showmessage();"><h2>Head地區的JavaScript程式碼</h2><hr> 在Head地區運行事件處理常式</body>
執行結果為：
當彈出框彈出來時，Body部分內容已經顯示出來，即這部分代碼已經載入完，Body部分代碼是在Head地區之前載入。
4.2 Head地區的JavaScript代碼
<!--先載入--> <link href="css/admin.global.css" rel="stylesheet" type="text/css" /> <link href="css/admin.index.css" rel="stylesheet" type="text/css" /> <!--後載入--> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.utils.js" type="text/javascript"></script> <link href="jBox/Skins/Green/jbox.css" rel="stylesheet" type="text/css" />
上面連結CSS檔案或是JS檔案是按著從上到下順序載入的,如果某個檔案需要用到另一個檔案,那麼就需要放在該檔案之前在家,否則則會出錯,這也是我們經常遇到的問題,希望大家多多注意.
5 Body地區的JavaScript代碼
在載入網頁時，Body地區內的程式碼會馬上運行，這些程式碼輸出的內容屬於網頁的一部分，看下面代碼
<body ><h2>Body地區的JavaScript程式碼</h2><hr><script language="javascript">//批註文字隱藏<!--alert("Body地區的JavaScript程式碼");--></script> 在Body地區運行事件處理常式</body>
執行結果為：
此次執行結果中，Body在<JavaScript>後面的代碼沒有執行，說明在Body裡的代碼用網頁載入時馬上執行，而不是調用時再執行，因此需要調用或處理事件的函數或代碼應當放入Head地區裡面。
另外，如果把調用代碼卸載Body裡面，因為我們所做的操作都是屬於網頁一部分，也需要寫在網頁內部。
6 寫作風格
JavaScript寫作風格在上一篇部落格已經說明，這裡需要注意下載 { } 大括弧後面沒有“ ；”號。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
