- jQuery開發基礎教程
- 蔡艷桃 萬木君
- 925字
- 2020-06-17 14:27:16
1.3.1 編寫JavaScript
【例1-4】 下面應用Dreamweaver編輯器編寫第1個JavaScript程序(實例位置:光盤\MR\源碼\第1章\1-4)。
(1)啟動Dreamweaver編輯器,單擊“文件”/“新建”命令,打開“新建文檔”對話框,選擇“常規”選項卡中的“基本頁”/“JavaScript”選項,然后,單擊“創建”按鈕,即可成功創建一個JavaScript文件。
(2)JavaScript的程序代碼必須置身于<script language="javascript"></script>之間。在<body>標記中輸入如下代碼:
<script language="javascript"> alert("我要學JavaScript!"); </script>
在Dreamweaver中輸入JavaScript腳本程序的運行結果如圖1-18所示。

圖1-18 在Dreamweaver中輸入JavaScript腳本程序
JavaScript腳本在HTML文件中的位置有3種。
□ 在HTML的<body>標記中的任何位置。如果所編寫的JavaScript程序用于輸出網頁的內容,應該將JavaScript程序置于HTML文件中需要顯示該內容的位置。
□ 在HTML的<head>標記中。如果所編寫的JavaScript程序需要在某一個HTML文件中多次使用,那么,就應該編寫JavaScript函數(function),并將函數置身于該HTML的<head>標記中。
<script language="javascript"> function check(){ alert("我被調用了"); } </script>
使用時直接調用該函數名就可以了。
<input type="submit" value="提交" onClick="check()">
單擊“提交”按鈕,調用check()函數。
在一個js的單獨的文件中,如果所編寫的JavaScript程序需要在多個HTML文件中使用,或者,所編寫的JavaScript程序內容很長,這時,就應該將這段JavaScript程序置于單獨的js文件中,然后在所需要的HTML文件“a.html”中,通過<script>標記包含該js文件。例如:
<script src="ch1-1.js"></script>
被包含的ch1-1.js文件代碼如下。
document.write('這是外部文件中JavaScript代碼!');
注意
在外部的JavaScript程序文件“ch1-1.js”中不必使用<script>標記。
(3)雖然大多數瀏覽器都支持JavaScript,但少部分瀏覽器不支持JavaScript,還有些支持JavaScript的瀏覽器為了安全問題關閉了對JavaScript的支持。如果遇到不支持JavaScript腳本的瀏覽器,網頁會達不到預期效果或出現錯誤。解決這個問題可以使用以下兩種方法。
□ HTML注釋符號
HTML注釋符號是以<!--開始以-->結束的。但是JavaScript不能識別HTML注釋的結果部分“-->”,例如在“-->”前面使用“//”一樣。如果在此注釋符號內編寫JavaScript腳本,對于不支持JavaScript的瀏覽器,將會把編寫的JavaScript腳本作為注釋處理。
□ <noscript>標記
如果當前瀏覽器支持JavaScript腳本,那么該瀏覽器將會忽略<noscript>…</noscript>標記之間的任何內容。如果瀏覽器不支持JavaScript腳本,那么瀏覽器將會把這兩個標記之間的內容顯示出來。通過此標記可以提醒瀏覽者當前使用的瀏覽器是否支持JavaScript腳本。
(4)JavaScript腳本語言區分字母大小寫。
(5)在創建好JavaScript程序后,選擇“文件”/“保存”命令,在彈出的“另存為”對話框中輸入文件名,將其保存為.html格式或.htm格式,如圖1-19所示。
(6)保存完.html格式后文件圖標將會變成一個IE瀏覽器的圖標。

圖1-19 “另存為”對話框
- 微服務設計(第2版)
- GraphQL學習指南
- Leap Motion Development Essentials
- Python測試開發入門與實踐
- Monitoring Elasticsearch
- 基于Swift語言的iOS App 商業實戰教程
- Advanced Oracle PL/SQL Developer's Guide(Second Edition)
- 自制編程語言
- SQL Server 2016數據庫應用與開發
- Corona SDK Mobile Game Development:Beginner's Guide(Second Edition)
- Django 3.0入門與實踐
- Kivy Cookbook
- Arduino可穿戴設備開發
- Julia數據科學應用
- 精通Spring:Java Web開發與Spring Boot高級功能