版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領
文檔簡介
項目1JavaScript初體驗任務1先導知識：JavaScript概述任務2
JavaScript編寫初體驗任務3
JavaScript腳本編寫的注意事項
任務1先導知識：JavaScript概述
1.1.1JavaScript的性質
JavaScript是一種直譯式腳本語言，是一種動態弱類型、基于原型的語言，內置對類型的支持。JavaScript的解釋器也稱為JavaScript引擎。
JavaScript是一種網絡腳本語言，廣泛應用于客戶端，最早在HTML(標準通用標記語言下的一個應用)網頁上使用，用于給HTML網頁增加動態功能，為用戶提供更流暢美觀的瀏覽效果。
JavaScript的性質可以概括如下：
(1)是一種直譯式腳本語言(代碼不進行預編譯)。
(2)主要用來向HTML頁面添加交互行為。
(3)可以直接嵌入HTML頁面，但寫成單獨的js文件，以利于結構和行為的分離。
(4)在絕大多數瀏覽器的支持下可以在多種平臺(如Windows、Linux、Android、iOS等)下運行。
1.1.2JavaScript的使用場景
1.表單數據合法性驗證
使用JavaScript腳本語言能有效地驗證客戶端提交的表單上的數據的合法性，若數據合法則進行下一步操作，否則返回錯誤提示信息，如圖1.1所示。
圖1.1JavaScript用于表單校驗
2.網頁特效
使用JavaScript腳本語言，結合DOM和CSS能創建絢麗多彩的網頁特效，如各種閃爍的文字、滾動的廣告圖片、頁面輪換效果等，如圖1.2所示。
圖1.2JavaScript用于網頁特效
3.交互式菜單
使用JavaScript腳本語言可以創建具有動態效果的交互式菜單，這種菜單完全可以與用Flash制作的頁面導航菜單相媲美，如圖1.3所示。
圖1.3交互式菜單
1.1.3JavaScript的特點
JavaScript是一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言，主要用于創建具有較強交互性的動態頁面。JavaScript主要具有如下特點：
基于對象：JavaScript是基于對象的腳本編程語言，能通過DOM(文檔結構模型)及自身提供的對象及操作方法來實現所需的功能。
事件驅動：JavaScript采用事件驅動方式響應鍵盤事件、鼠標事件及瀏覽器窗口事件等，并執行指定的操作。
解釋性語言：JavaScript是一種解釋性腳本語言，無須專門的編譯器編譯，在嵌入JavaScript腳本的HTML文檔載入時被瀏覽器逐行解釋，大量節省了客戶端與服務器端進行數據交互的時間。
實時性：JavaScript事件處理是實時的，無須經服務器就可以對客戶端的事件做出響應，并用處理的結果實時更新目標頁面。
動態性：JavaScript提供簡單高效的語言流程，能靈活處理對象的各種方法和屬性，同時及時響應文檔頁面的事件，實現頁面的交互性和動態性。
跨平臺：JavaScript的正確運行依賴于瀏覽器，而與具體的操作系統無關。只要客戶端裝有支持JavaScript的瀏覽器，JavaScript運行結果就能正確反映在客戶端瀏覽器平臺上。
使用簡單：JavaScript的基本結構類似于C語言，采用小程序段的方式進行編程，并具有簡易的開發平臺和便捷的開發流程，可嵌入HTML文檔中供瀏覽器解釋執行。同時JavaScript的變量類型是弱類型，使用不嚴格。
相對安全：JavaScript是客戶端腳本，通過瀏覽器解釋并執行。JavaScript不允許用戶訪問本地的硬盤，并且不能將數據存到服務器上，不允許對網絡文檔進行修改或刪除，只能通過瀏覽器實現信息瀏覽或動態交互，從而有效地防止數據的丟失。
1.1.4JavaScript的未來
tackOverflow在2017年所做的調查顯示，JavaScript是最常用的編程語言，如圖1.4所示。
圖1.4StackOverflow編程語言排名
從以上數據可以看出，JavaScript不可能在短期內消失。在開發交互式網頁時，JavaScript仍然是最好的選擇之一，而且它是所有主要瀏覽器都支持的編程語言。
另一個重要的細節是，JavaScript已從一個可以將一些交互性帶入網頁的工具發展成為一個可以進行高效服務器端開發的工具。Node.js是一個開放源碼的運行環境，允許使用JavaScript創建服務器端代碼。幾十個基于Node.js的框架(如Meteor和Derby)使這種技術幾乎適用于任何類型的項目，并提供了構建高度可擴展的Web應用程序所需的功能。
任務2JavaScript編寫初體驗
1.2.1編寫“HelloWorld!”程序將代碼保存為.html(或.html)格式文件并雙擊打開，系統調用瀏覽器解釋執行，運行結果如圖1.5所示。
圖1.5“HelloWorld!”程序的運行結果
1.2.2編寫簡單的滾動字幕程序
將代碼保存為.html(或.html)格式文件并雙擊打開，系統調用谷歌瀏覽器解釋執行，運行結果如圖1.6所示。
圖1.6簡單的滾動字幕的運行結果
任務3JavaScript腳本編寫的注意事項
1.3.1選擇JavaScript腳本編輯器編寫JavaScript腳本代碼可以選擇普通的文本編輯器，如WindowsNotepad、UltraEdit、Dreamweaver、MicrosoftFrontPage等，只要所選的編輯器能將編輯的代碼最終保存為HTML文檔類型(?.htm、.html等)即可。
1.3.2引入腳本代碼到HTML文檔中
將JavaScript腳本嵌入HTML文檔中有3種標準方法：
(1)將代碼包含于<script>和</script>標記對，然后嵌入HTML文檔中；
(2)通過<script>標記的src屬性連接外部的JavaScript腳本文件；
(3)通過JavaScript偽URL地址引入。
1.通過<script>與</script>標記對引入
瀏覽器載入嵌有JavaScript腳本的HTML文檔時，能自動識別JavaScript腳本代碼的起始標記<script>和結束標記</script>，并將其間的代碼按照解釋JavaScript腳本代碼的方法加以解釋，然后將解釋的結果返回HTML文檔并在瀏覽器窗口顯示。
2.通過<script>標記的src屬性引入
通過外部引入JavaScript腳本文件的方式也能實現同樣的功能。同時，該方法具有如下優點：
(1)將腳本程序同現有頁面的邏輯結構及瀏覽器結果分離。通過外部腳本，可以輕易實現多個頁面共用完成同一功能的腳本文件，以便通過更新一個腳本文件的內容達到批量更新的目的。
(2)瀏覽器可以實現對目標腳本文件的高速緩存，避免由于引用具有同樣功能的腳本代碼而導致下載時間增加。
3.通過JavaScript偽URL地址引入
在支持JavaScript腳本的瀏覽器中，可以通過JavaScript偽URL地址調用語句來引入JavaScript腳本代碼。
用鼠標點擊文本框，系統彈出警示框，如圖1.7、圖1.8所示。
圖1.7警示框1
圖1.8警示框2
1.3.3嵌入腳本代碼的位置
JavaScript腳本代碼可放在HTML文檔中任何需要的位置。一般來說，可以在<head>與</head>標記對、<body>與</body>標記對之間按需要放置JavaScript腳本代碼。
1.在<head>與</head>標記對之間放置
放置在<head>與</head>標記對之間
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論