初步了解JavaScript市公開課一等獎省賽課獲獎課件_第1頁
初步了解JavaScript市公開課一等獎省賽課獲獎課件_第2頁
初步了解JavaScript市公開課一等獎省賽課獲獎課件_第3頁
初步了解JavaScript市公開課一等獎省賽課獲獎課件_第4頁
初步了解JavaScript市公開課一等獎省賽課獲獎課件_第5頁
已閱讀5頁，還剩20頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

第1章初步了解JavaScriptJavaScript是當前Web應用程序開發者使用最為廣泛客戶端腳本編程語言，它不但可用來開發交互式Web頁面，更主要是它將HTML、XML、Ajax和Javaapplet、Flash等功效強大Web對象有機結合起來，使開發人員能快捷生成Internet或Intranet上使用分布式應用程序。另外，因為Windows操作系統對其擁有較為完善支持，并提供二次開發接口來訪問操作系統中各組件，進而實施對應管理功效，大有取代批處理文件（.bat）實施操作系統管理功效趨勢。初步了解JavaScript第1頁1.1JavaScript是什么JavaScript是一個基于對象和事件驅動客戶端腳本語言，并含有相正確安全性，主要用于創建含有交互性較強動態頁面。JavaScript是一個有著較強生命力和發展潛力腳本描述語言，可被直接嵌入到HTML文檔中，供瀏覽器解釋執行；直接響應客戶端事件如驗證數據表單正當性等，并調用對應處理方法，快速返回處理結果并更新頁面，實現Web交互性和動態要求。同時將大部分工作交給客戶端處理，將Web服務器資源消耗降到最低。初步了解JavaScript第2頁1.2JavaScript能做什么JavaScript腳本因為其效率高、功效強大等特點，在表單數據正當性驗證、網頁特效、交互式菜單、動態頁面、數值計算等方面取得了廣泛應用，甚至出現了完全使用JavaScript編寫基于Web瀏覽器類Unix操作系統JS/UIX，以及無需安裝即可使用漢字輸入法程序JustInput，可見JavaScript腳本編程能力不容小覷！下面僅介紹JavaScript慣用功效。初步了解JavaScript第3頁1.2.1表單數據正當性驗證使用JavaScript腳本語言能有效驗證客戶端提交表單上數據正當性，如數據正當則執行下一步操作，不然返回錯誤提醒信息，如圖所表示。初步了解JavaScript第4頁1.2.2頁面特效使用JavaScript腳本語言，結合DOM和CSS能創建絢麗多彩頁面特效，如火焰狀閃爍文字、文字圍繞光標旋轉、頁面載入時百葉窗效果、圖片隨鼠標忽明忽暗效果等。火焰狀閃爍文字效果如圖所表示。初步了解JavaScript第5頁1.2.3交互式菜單使用JavaScript腳本能夠創建含有動態效果交互式菜單，完全能夠與Falsh制作頁面導航菜單相媲美。如圖所表示，鼠標在文檔內任何位置單擊，在其周圍會出現導航菜單。初步了解JavaScript第6頁1.2.4動態頁面使用JavaScript腳本能夠對Web頁面全部元素對象進行訪問，并使用對象方法操作其屬性，以實現動態頁面效果，其經典應用如網頁版俄羅斯方塊、撲克牌游戲等。如圖所表示為網頁版俄羅斯方塊游戲。初步了解JavaScript第7頁1.2.5數值計算JavaScript腳本將數據類型作為對象，并提供豐富操作方法使得JavaScript用于數值計算。如圖所表示為使用JavaScript腳本編寫計算器。初步了解JavaScript第8頁1.3JavaScript編程起步在Web應用程序開發領域，JavaScript腳本已成為一門炙手可熱語言，為客戶端腳本首選。網絡上充滿著形態各異JavaScript腳本并實現不一樣功效，但用戶可能并不了解JavaScript腳本是怎樣被瀏覽器中解釋執行，更不知怎樣開始編寫自己JavaScript腳原來實現自己想要實現效果。本節將一步步率領讀者踏入JavaScript腳本語言編程大門。初步了解JavaScript第9頁1.3.1“HelloWorld！”程序像學習C、Java等其它語言一樣，先來看看使用JavaScript腳本語言編寫“HelloWorld!”程序。初步了解JavaScript第10頁1.3.2選擇JavaScript腳本編輯器編寫JavaScript腳本代碼能夠選擇普通文本編輯器，如Notepad、UltraEdit等，只要所選編輯器能將所編輯代碼最終保留為HTML文檔類型(.htm、.html等)即可。初步了解JavaScript第11頁1.4怎樣引入JavaScript腳本代碼能夠經過各種方式將JavaScript腳本代碼嵌入到目標HTML文檔中，總來說，有以下4種標準方法：代碼包含于<script>和</script>標識對，然后嵌入到HTML文檔中；經過<script>標識src屬性鏈接外部JavaScript腳本文件；經過JavaScript偽URL地址引入；經過HTML文檔事件處理程序引入。下面分別介紹JavaScript腳本幾個標準引入方法。初步了解JavaScript第12頁1.4.1經過<script>與</script>標識對引入在源程序1.1中除<script>與</script>標識對之間內容外，均為最基本HTML代碼。<script>和</script>標識對將JavaScript腳本代碼進行了封裝，并嵌入到HTML文檔中：document.write("HelloWorld!");初步了解JavaScript第13頁1.4.2經過<script>標識src屬性引入改寫源程序1.1代碼并保留為test.html：初步了解JavaScript第14頁1.4.3經過JavaScript偽URL引入在多數支持JavaScript腳本瀏覽器中，能夠經過JavaScript偽URL地址調用語句來引入JavaScript腳本代碼。偽URL地址普通格式以下：JavaScript:alert("HelloWorld!")初步了解JavaScript第15頁1.4.4經過HTML文檔事件處理程序引入在開發Web應用程序過程中，開發者能夠給HTML文檔中設定不一樣事件處理器，通常是設置某HTML元素屬性來引用一個腳本（能夠是一個簡單動作或者函數），屬性普通以on開頭，如鼠標移動onmousemove()等。初步了解JavaScript第16頁1.5嵌入JavaScript腳本代碼位置JavaScript腳本代碼可放在HTML文檔任何需要位置。普通來說，能夠在<head>與</head>標識對、<body>與</body>標識對之間按需要放置JavaScript腳本代碼。初步了解JavaScript第17頁1.5.1在<head>與</head>標識對之間放置放置在<head>與</head>標識對之間JavaScript腳本代碼普通用于提前載入，以響應用戶頁面動作，且普通不影響HTML文檔瀏覽器顯示內容。初步了解JavaScript第18頁1.5.2在<body>與</body>標識對之間放置假如需要在頁面載入時運行JavaScript腳本生成網頁內容，應將腳本代碼放置在<body>與</body>標識對之間，可依據需要編寫多個獨立腳本代碼段并與HTML代碼結合在一起。初步了解JavaScript第19頁1.5.3在兩個標識對之間混合放置假如既需要提前載入腳本代碼以響應用戶事件，又需要在頁面載入時使用腳本生成頁面內容，能夠綜合以上兩種方式。初步了解JavaScript第20頁1.6選擇適當瀏覽器JavaScript腳本在客戶端由瀏覽器解釋執行并將結果更新目標頁面，因為各瀏覽器廠商對JavaScript版本支持不盡相同，瀏覽器版本也對JavaScript腳本支持有很大影響，所以編寫代碼時一定要考慮適當瀏覽器之間兼容性，重點在于編寫符合JavaScript標準代碼以適應目標瀏覽器。初步了解JavaScript第21頁1.7處理不支持JavaScript腳本情況客戶端瀏覽器不支持當前JavaScript腳本存在以下幾個可能。客戶端瀏覽器不支持任何JavaScript腳本。客戶端瀏覽器支持JavaScript腳本版本與該腳本代碼使用版本所支持對象、屬性或方法不一樣。客戶端為了安全起見，已經將瀏覽器對JavaScript腳本支持設置為禁止。初步了解JavaScript第22頁1.7.1使用<!--和-->標識對直接屏蔽法該方法使用<!--和-->標識對將JavaScript代碼進行封裝，告訴瀏覽器假如它不支持該腳本就直接跳過，假如支持則自動跳過該標識對，到達假如瀏覽器不支持腳本代碼則將其隱藏目標。初步了解JavaScript第23頁1.7.2使用<noscript>和</noscript>標識對給出提醒信息該方法在瀏覽器不支持該腳本代碼或者瀏覽器對JavaScript腳本支持已設置為禁止情況下，忽略<script>和</script>標識對之間腳本代碼，返回<noscript>和</noscript>標識對中預設頁面提醒信息；假如支持該腳本代碼則解釋執行<script>和</script>標識對之間腳本代碼，而忽略<noscript>和</noscript>標識對之間預設頁

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論