- JavaScript+jQuery網頁特效設計任務驅動教程(第2版)
- 陳承歡編著
- 519字
- 2025-02-07 17:03:24
任務1-2 jQuery實現網頁收藏
網頁中包含如下所示的HTML代碼。

用IE11瀏覽器瀏覽該網頁時,單擊網頁中的“添加收藏”超鏈接,會彈出圖1-2所示的【添加收藏】對話框,在該對話框中單擊【添加】按鈕,則會將對應網頁添加到收藏夾。
用非IE瀏覽器瀏覽該網頁時,單擊網頁中的“添加收藏”超鏈接,會彈出圖1-3所示的【添加失敗】對話框。

圖1-2 【添加收藏】對話框

圖1-3 【添加失敗】對話框
這里的“添加收藏”功能采用jQuery方式實現,代碼如表1-3所示。
表1-3 實現網頁收藏功能的JavaScript代碼

表1-3中的代碼解釋如下。
(1)01行引用了一個外部的JS(JavaScript)文件jquery.js。
(2)為了防止文檔在完全加載(就緒)之前運行jQuery代碼,jQuery函數應位于ready方法中,如下所示。

(3)06行表示單擊id="favorite"的按鈕時,觸發該按鈕的單擊事件,調用一個函數,執行該函數中的程序代碼。
(4)if...else...語句為選擇結構,針對IE瀏覽器和非IE瀏覽器執行不同的語句。
(5)07行中的表達式“window.ActiveXObject||"ActiveXObject"in window”用于判斷當前瀏覽器的類型為IE瀏覽器。
(6)08行使用window.external.addFavorite方法實現IE瀏覽器的添加收藏功能。
(7)10行的alert()方法用于打開一個信息對話框,該方法是window對象的常用方法之一,可以寫作window.alert()。其作用是彈出一個對話框,顯示所指定的內容。括號中的字符串參數為對話框將要顯示的內容,該對話框只有一個【確定】按鈕。
推薦閱讀
- FuelPHP Application Development Blueprints
- Spring 5企業級開發實戰
- Developing Mobile Web ArcGIS Applications
- CouchDB and PHP Web Development Beginner’s Guide
- WordPress 4.0 Site Blueprints(Second Edition)
- 打開Go語言之門:入門、實戰與進階
- C++從入門到精通(第6版)
- Unity 5.X從入門到精通
- C語言程序設計
- Mastering JavaScript
- After Effects CC案例設計與經典插件(視頻教學版)
- Java設計模式深入研究
- 游戲設計的底層邏輯
- 例說FPGA:可直接用于工程項目的第一手經驗
- Laravel 5.x Cookbook