- JavaScript與JScript關(guān)系
- 這樣追溯的以前,javaScript和Jscript分別是netscape公司和microsoft公司為自己的瀏覽器而設(shè)計(jì)開發(fā)的腳本語(yǔ)言,在這兩種腳本語(yǔ)言沒有統(tǒng)一標(biāo)準(zhǔn)以前,很多的Web程序員不得不為不同的瀏覽器而設(shè)計(jì)不同的腳本語(yǔ)言運(yùn)行,很是苦惱,為了解決腳本同一問題,于是誕生了ECMAScript,是一種國(guó)際標(biāo)準(zhǔn)化的javascript版本?,F(xiàn)在的主流瀏覽器都支持這種版本?,F(xiàn)在javaScript這個(gè)詞也是代表這兩種標(biāo)準(zhǔn)的意思,于是用了這個(gè)詞語(yǔ)。
- JavaScript開發(fā)環(huán)境與編輯工具
- 它的運(yùn)行環(huán)境很簡(jiǎn)單,只需要擁有瀏覽器既可以運(yùn)行javaScript代碼
- 編輯工作也有很多種,比如常見的PSPad、DreamWave、VS、記事本等等
- JavaScript基本架構(gòu)
-
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第一份JavaScript程序</title>
</head>
<body>
<script language="javascript">
//批注文字隱藏
<!--
document.write("第一個(gè)JavaScriptc程序<br>");
-->
</script>
</body>
</html> 上面的<!-- …… -->是為了解決瀏覽器不兼容的問題,如果舊版瀏覽器不兼容JavaScript代碼,將隱藏JavaScript代碼,否則會(huì)把它視為HTML代碼一部分顯示在瀏覽器中,稱為無用信息。
- JavaScript程序代碼的位置
4.1 Head區(qū)域的JavaScript代碼
在Head區(qū)域的JavaScript代碼是為了保證運(yùn)行程序代碼調(diào)用前相關(guān)函數(shù)程序代碼已經(jīng)加載,因?yàn)榇a執(zhí)行是從上到下依次執(zhí)行,通常這個(gè)區(qū)域代碼為了Body區(qū)域程序代碼所調(diào)用的事件或處理函數(shù),如下代碼執(zhí)行結(jié)果:
<title>第一份JavaScript程序</title>
<script language="javascript">
//批注文字隱藏
<!--
function showmessage()
{
alert("Head區(qū)域的JavaScript程序代碼");
}
-->
</script>
</head>
<body onload="JavaScript:showmessage();">
<h2>Head區(qū)域的JavaScript程序代碼</h2>
<hr>
在Head區(qū)域運(yùn)行事件處理程序
</body>
執(zhí)行結(jié)果為:
 當(dāng)彈出框彈出來時(shí),Body部分內(nèi)容已經(jīng)顯示出來,即這部分代碼已經(jīng)加載完,Body部分代碼是在Head區(qū)域之前加載。
4.2 Head區(qū)域的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文件是按著從上到下順序加載的,如果某個(gè)文件需要用到另一個(gè)文件,那么就需要放在該文件之前在家,否則則會(huì)出錯(cuò),這也是我們經(jīng)常遇到的問題,希望大家多多注意.
5 Body區(qū)域的JavaScript代碼
在加載網(wǎng)頁(yè)時(shí),Body區(qū)域內(nèi)的程序代碼會(huì)馬上運(yùn)行,這些程序代碼輸出的內(nèi)容屬于網(wǎng)頁(yè)的一部分,看下面代碼
<body >
<h2>Body區(qū)域的JavaScript程序代碼</h2>
<hr>
<script language="javascript">
//批注文字隱藏
<!--
alert("Body區(qū)域的JavaScript程序代碼");
-->
</script>
在Body區(qū)域運(yùn)行事件處理程序
</body>
執(zhí)行結(jié)果為:

此次執(zhí)行結(jié)果中,Body在<JavaScript>后面的代碼沒有執(zhí)行,說明在Body里的代碼用網(wǎng)頁(yè)加載時(shí)馬上執(zhí)行,而不是調(diào)用時(shí)再執(zhí)行,因此需要調(diào)用或處理事件的函數(shù)或代碼應(yīng)當(dāng)放入Head區(qū)域里面。
另外,如果把調(diào)用代碼卸載Body里面,因?yàn)槲覀兯龅牟僮鞫际菍儆诰W(wǎng)頁(yè)一部分,也需要寫在網(wǎng)頁(yè)內(nèi)部。
6 寫作風(fēng)格
JavaScript寫作風(fēng)格在上一篇博客已經(jīng)說明,這里需要注意下載 { } 大括號(hào)后面沒有“ ;”號(hào)。
|