JavaScript腳本代碼的位置可以有以下三種情況: 一、在網(wǎng)頁文件的<script></script>標(biāo)簽對中直接編寫JavaScript腳本代碼; 二、將JavaScript腳本程序代碼放置在一個(gè)單獨(dú)的文件中,在網(wǎng)頁文件中引用這個(gè)腳本程序。 三、將腳本程序代碼作為某個(gè)元素的事件屬性值或超鏈接的href屬性。 第一種情況: 在網(wǎng)頁文件的<script></script>標(biāo)簽對中直接編寫JavaScript腳本代碼。這是用得最多的情況,<script></script>標(biāo)簽對的位置并不是固定的,可以出現(xiàn)在<head></head>或<body></body>的任何位置。在一個(gè)HTML文檔中可以有多段JavaScript代碼。每段JavaScript代碼可以相互訪問,這與將所有代碼放入同一對<script></script>之間的效果是一致的。例如,下面的內(nèi)容: <html> <body> <script> var x = "這是我的第一個(gè)JavaScript程序"; </script> <p>這是一個(gè)段落<p> <script> alert(x); </script> </body> </html> 與下面的內(nèi)容顯示效果是一樣的: <html> <body> <p>這是一個(gè)段落<p> <script> var x = "這是我的第一個(gè)JavaScript程序"; alert(x); </script> </body> </html> 第二種情況: 我們還可以將JavaScript腳本放置在一個(gè)單獨(dú)的文件中,這個(gè)文件以js為擴(kuò)展名,其被稱作為JavaScript腳本文件。 假設(shè)我們編輯了一個(gè)名為firstScript.js的腳本文件,文件內(nèi)容如下: var x =”這是我第一個(gè)JavaScript程序”; alert(); 然后,我們在同一個(gè)目錄下編輯一個(gè)HTML文件,調(diào)用這處腳本,文件內(nèi)容如下: <html> <script src=”firstScript.js” language=”javascript”> </script> </html> 第三種情況: 將腳本程序代碼直接用作屬性值。超鏈接標(biāo)簽<A>的href屬性可以使用JavaScript協(xié)議,如下: <a href="javascript:alert(new Date());">javascript</a> 單擊這個(gè)超鏈接,瀏覽器就會(huì)執(zhí)行javascript:后面的腳本程序代碼。 JavaScript擴(kuò)展了標(biāo)準(zhǔn)的HTML,為HTML標(biāo)簽增加了各種事件屬性,比如,對Button而言,可以設(shè)置一個(gè)新的屬性onclick,onclick的屬性值就是一段JavaScript程序代碼,當(dāng)單擊這個(gè)按鈕后,onclick屬性中的JavaScript代碼就會(huì)被瀏覽器解釋執(zhí)行。如下所示: <input type=button value=click onclick="alert(new Date());"> 注意:用作URL的JavaScript代碼前要增加javascript:,以說明使用的是JavaScript協(xié)議,但事件屬性中的JavaScript程序代碼前則不用增加javascript:進(jìn)行說明。 |
|