JavaScript網頁設計與網站特效課堂實錄 ( 簡體 字) |
作者:劉貴國 晁代遠 | 類別:1. -> 程式設計 -> 網路編程 -> Javascript |
譯者: |
出版社:清華大學出版社 | 3dWoo書號: 42580 詢問書籍請說出此書號!【缺書】 NT售價: 245 元 |
出版日:10/1/2015 |
頁數:282 |
光碟數:1 (含視頻教學) |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787302395560 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:早些年,JavaScript 由于其復雜的文檔對象模型(DOM)和不一致的瀏覽器實現而不受開 發者的待見。而隨著技術的發展,JavaScript 變得越來越強大、完善,比如, Ajax 技術可以創 建更加迷人的Web 應用,Node.js將JavaScript的應用范圍擴展到了服務器端,各種層出不窮的 框架使得JavaScript的開發更加簡捷,尤其是近幾年HTML5的出現,將 JavaScript提升到了前 所未有的高度。如今 JavaScript已經變成了Web 開發必備的語言,甚至開始逐步向移動領域滲 透,由于JavaScript的跨平臺特性,使得它在移動互聯網時代可以有更大的作為。
JavaScript是面向Web 的編程語言。絕大多數現代網站都使用了JavaScript,并且所有的 現代Web 瀏覽器均包含了JavaScript解釋器。這使得JavaScript成為使用最廣泛的編程語言之 一。JavaScript 也是前端開發工程師必須掌握的3種技能之一:描述網頁內容的HTML、描述網 頁樣式的CSS以及描述網頁行為的JavaScript。本書能幫助你掌握JavaScript這門語言。
本書主要內容
JavaScript是目前網頁設計中最簡單易學并且易用的語言,它能讓你的網頁更加生動活 潑。利用JavaScript做出的網頁特效,能大大提高網頁的可觀性,增加收藏和點擊率。
本書共17 章,包括JavaScript 基礎知識、HTML 基礎、數據類型和變量、表達式與運算 符、JavaScript 程序核心語法、JavaScript 核心對象、JavaScript 中的事件、window 對象、屏幕 和瀏覽器對象、文檔對象、歷史對象和地址對象、表單對象和圖片對象、Ajax基礎、導航菜單 特效案例、文字和圖片特效案例、按鈕鏈接和頁面特效案例、廣告代碼特效案例等內容。
本書主要特色
● 知識全面系統 本書內容完全從網頁創建的實際角度出發,內容涉及JavaScript 的基本知識、高級技巧和 核心原理,基本涵蓋了JavaScript開發的所有重要知識和特效實例,而且還介紹了結合jQuery 的實例、JavaScript和CSS結合特效實例及Active技術應用等。
● 典型實例講解 本書的每章都配有大量實用案例,這些實例都來自于實際的網頁開發實踐,實用性非常 強,讀者通過研讀這些實例,可以系統地掌握JavaScript的開發技術。
● 配合Dreamweaver進行講解 本書以淺顯的語言和詳細的步驟介紹了在可視化網頁軟件Dreamweaver中,如何運用
JavaScript代碼來創建網頁,使網頁制作更加得心應手。
● 配圖豐富,效果直觀 對于每一個實例代碼,本書都配有相應的效果圖,讀者無須自己運行編 碼,也可以看到相應的運行結果或者顯示效果。在不便上機操作的情況下 , 讀者也可以根據書中的實例和效果圖進行分析和比較。
● 貫穿大量的開發技巧,迅速提升開發水平 本書在講解實例時貫穿了大量的網頁開發技巧,通過對這些技巧的掌 握,可以讓讀者掌握實際編程的捷徑,從而迅速提高開發水平。
● 習題強化 每章后都附有針對性的練習題,通過實訓鞏固每章所學的知識。
本書讀者對象
網頁設計與制作人員。
網站建設與開發人員。
JavaScript初學者。
想全面學習JavaScript開發技術的人員。
JavaScript專業開發人員。
JavaScript開發愛好者。
大中專院校的學生。
社會培訓班學員。
參加本書編寫的人員包括:張連元、晁輝、陳石送、何琛、吳秀紅、 王冬霞、何本軍、喬海麗、鄧仰偉、孫雷杰、孫文記、何立、倪慶軍、胡秀 娥、趙良濤、徐曦、劉桂香、葛俊科、葛俊彬等。由于時間所限,書中疏漏 之處在所難免,懇請廣大讀者朋友批評指正。
作者 |
內容簡介:本書全面介紹JavaScript 的基本知識、高級技巧和實例,全書共17章,包括JavaScript 基礎知識、HTML 基礎、數據類型和變量、表達式與運算符、JavaScript程序核心語法、JavaScript核心對象、JavaScript中的 事件、window對象、屏幕和瀏覽器對象、文檔對象、歷史對象和地址對象、表單對象和圖片對象、Ajax基 礎、導航菜單特效案例、文字和圖片特效案例、按鈕鏈接和頁面特效案例、廣告代碼特效案例等內容。 |
目錄:第1章JavaScript基礎知識 1.1JavaScript簡介.................................2 1.1.1 JavaScript的歷史................................2 1.1.2 JavaScript特點...................................2 1.1.3 JavaScript和Java的區別.....................3 1.2在HTML中嵌入JavaScript的方法.....4 1.2.1 <script/>使用方法...............................4 1.2.2 外調腳本文件......................................5 1.2.3 直接位于事件處理部分的代碼中..........5 1.3第一個JavaScript程序......................6 1.3.1 預備知識.............................................6 1.3.2 JavaScript編輯器的選擇.....................6 1.3.3 編寫HelloWorld程序...........................6 1.3.4 瀏覽器對JavaScript的支持..................7 1.4實戰應用 — 瀏覽器狀態欄顯示信息...8 1.5課后練習..........................................9 第2章HTML基礎 2.6 HTML圖像標簽...............................23 2.6.1 課堂小實例——屬性img....................23 2.6.2 課堂小實例——屬性alt......................24 2.6.3 課堂小實例——屬性height和width....25 2.6.4 課堂小實例——屬性align..................26 2.6.5 課堂小實例——屬性border...............27 2.7 HTML表格標簽...............................28 2.7.1 課堂小實例——表格標簽 <table>…</table>............................28 2.7.2 課堂小實例——表頭標簽<th>…</th>28 2.7.3 課堂小實例——說明標簽 <caption>…</caption>.....................29 2.8 HTML框架標簽...............................30 2.8.1 框架集標簽<frameset>…</frameset>...30 2.8.2 標簽<noframes>...............................31 2.8.3 浮動窗口標簽<iframe>…</iframe>...32 2.8.4 框架的frameborder設置....................32 2.9 HTML表單標簽...............................33 2.9.1 課堂小實例——表單標簽 <form>…</from>..............................33 2.9.2 課堂小實例——用戶輸入區域標簽 <inputtype="">.................................33 2.10 實戰應用——制作精美表格效果....34 2.11 課后練習......................................36 2.1 HTML語言概述...............................11 2.1.1 HTML概述........................................11 2.1.2 HTML文檔結構.................................12 2.2 HTML標簽......................................13 2.2.1 課堂小實例——頭部標簽 <head>…</head>.............................13 2.2.2 課堂小實例——標題標簽 <title>…</title>.................................13 2.2.3 課堂小實例——索引標簽<isindex>...14 2.2.4 主體標簽<body>…</body>...............14 2.2.5 課堂小實例——特殊字符...................15 2.3 HTML格式標簽...............................15 2.3.1 課堂小實例——段落標簽 .............15 2.3.2 課堂小實例——換行標簽<br>...........16 2.3.3 課堂小實例 — 縮進標簽<blockquote>....16 2.3.4 課堂小實例 — 預格式化標簽<pre>....17 2.4 HTML文本標簽...............................18 2.4.1 課堂小實例——標題標簽...................18 2.4.2 課堂小實例——<Font>標簽..............19 2.4.3 課堂小實例——字體大小標簽font-size...19 2.5 HTML超鏈接標簽...........................20 2.5.1 屬性href............................................20 2.5.2 屬性target.........................................21 2.5.3 屬性title............................................22 2.5.4 課堂小實例——鏈接到E-mail地址.....22
第3章數據類型和變量 3.1基本數據類型.................................38 3.1.1 課堂小實例——使用字符串型數據.....38 3.1.2 課堂小實例——使用數值型數據........39 3.1.3 課堂小實例——使用布爾型數據........39 3.1.4 課堂小實例——使用Undefined和 Null類型...........................................40 3.2復合數據類型.................................40 3.2.1 常用的內置對象................................40 3.2.2 課堂小實例——日期對象...................40 3.2.3 數學對象...........................................43 3.2.4 字符串對象.......................................44 3.2.5 數組對象...........................................45 3.3常量...............................................46 3.3.1 常量的種類.......................................46 3.3.2 課堂小實例——常量的使用方法........46 3.4變量...............................................47 3.4.1 變量的含義.......................................47 3.4.2 變量的定義方式................................47 3.4.3 變量的命名規則................................48 3.4.4 課堂小實例——變量的作用范圍........48 3.5實戰應用——制作倒計時特效..........49 3.6課后練習........................................51 第4章表達式與運算符 4.1表達式............................................53 4.2操作數............................................53 4.3運算符介紹.....................................54 4.3.1 運算符..............................................54 4.3.2 操作數的類型....................................54 4.4算術運算符.....................................54 4.4.1 課堂小實例——加法運算符...............54 4.4.2 課堂小實例——減法運算符...............55 4.4.3 課堂小實例——乘法運算符...............55 4.4.4 課堂小實例——除法運算符...............56 4.4.5 課堂小實例——取模運算符...............56 4.4.6 課堂小實例——負號運算符...............56 4.4.7 課堂小實例——正號運算符...............57 4.4.8 課堂小實例——遞增運算符...............57 4.4.9 課堂小實例——遞減運算符...............57 4.5關系運算符.....................................58 4.5.1 課堂小實例——相等運算符...............58 4.5.2 課堂小實例——等同運算符...............59 4.5.3 課堂小實例——不等運算符...............59 4.5.4 課堂小實例——不等同運算符............60 4.5.5 課堂小實例——小于運算符...............61 4.5.6 課堂小實例——大于運算符...............61 4.5.7 課堂小實例——小于或等于運算符.....61 4.5.8 課堂小實例——大于或等于運算符.....62 4.6課堂小實例——字符串運算符..........62 4.7賦值運算符.....................................62 4.8邏輯運算符.....................................63 4.8.1 課堂小實例——邏輯與運算符............63 4.8.2 課堂小實例——邏輯或運算符............63 4.8.3 課堂小實例——邏輯非運算符............64 4.9位運算符........................................64 4.9.1 課堂小實例——位與運算符...............64 4.9.2 課堂小實例——位或運算符...............65 4.9.3 課堂小實例——位異或運算符............65 4.9.4 課堂小實例——位非運算符...............66 4.9.5 課堂小實例——左移運算符...............66 4.9.6 課堂小實例——帶符號右移運算符.....67 4.10課后練習......................................67 第5章JavaScript程序核心語法 5.1函數...............................................69 5.2函數的定義.....................................71 5.1.1 什么是函數.......................................69 5.2.1 函數的普通定義方式.........................71 5.1.2 理解函數的參數傳遞.........................70 5.2.2 函數的變量定義方式.........................72 5.1.3 函數中變量的作用域和返回值...........70 5.2.3 函數的指針調用方式.........................73
5.3使用選擇語句.................................74 5.3.1 課堂小實例——if選擇語句.................74 5.3.2 課堂小實例——if…else選擇語句.......75 5.3.3 課堂小實例——if…else…if選擇語句.76 5.3.4 課堂小實例——switch多條件選擇語句....77 5.4使用循環語句.................................78 5.4.1 課堂小實例——for循環語句..............79 5.4.2 課堂小實例——while循環語句...........79 5.4.3 課堂小實例——do-while循環語句.....80 5.4.4 課堂小實例——break和continue 跳轉語句............................................81 5.5 實戰應用——禁止鼠標右擊..............83 5.6 課后練習........................................84 第6章JavaScript核心對象 6.2.3 對象的廢除.......................................91 6.2.4 課堂小實例——對象的早綁定和晚綁定...91 6.3JavaScript的對象層次....................91 6.3.1 客戶端對象層次介紹.........................92 6.3.2 瀏覽器對象模型................................92 6.4綜合實戰——顯示當前時間............93 6.5課后練習........................................95 6.1面向對象編程的簡單概念................86 6.1.1 什么是面向對象................................86 6.1.2 如何創建對象....................................87 6.1.3 對象的屬性.......................................87 6.1.4 對象的方法.......................................87 6.2對象應用........................................88 6.2.1 課堂小實例——聲明和實例化............88 6.2.2 課堂小實例——對象的引用...............90 第7章JavaScript中的事件 7.2.3 課堂小實例——onSelect事件..........103 7.2.4 課堂小實例——onfocus事件...........105 7.2.5 課堂小實例——onload事件.............105 7.2.6 課堂小實例——鼠標移動事件..........106 7.2.7 課堂小實例——onblur事件..............108 7.3其他常用事件...............................109 7.4實戰應用——將事件應用于按鈕中...110 7.5課后練習.......................................111 7.1事件驅動與事件處理.......................97 7.1.1 事件與事件驅動................................97 7.1.2 事件與處理代碼關聯.........................98 7.1.3 調用函數的事件................................99 7.1.4 調用代碼的事件..............................100 7.1.5 設置對象事件的方法.......................100 7.2常見事件......................................101 7.2.1 課堂小實例——Click事件................101 7.2.2 課堂小實例——onchange事件........102 第8章window對象 8.3.1 課堂小實例——警告對話框.............119 8.3.2 課堂小實例——詢問對話框.............119 8.3.3 課堂小實例——輸入對話框.............120 8.4狀態欄..........................................121 8.4.1 狀態欄介紹.....................................121 8.4.2 課堂小實例——默認狀態欄信息......121 8.4.3 課堂小實例——狀態欄瞬間信息......121 8.5窗口操作......................................122 8.5.1 課堂小實例——打開新窗口.............122 8.1 window對象.................................113 8.1.1 window對象介紹.............................113 8.1.2 window對象的使用方法...................114 8.2 窗口位置......................................116 8.2.1 課堂小實例——裝載文檔.................116 8.2.2 課堂小實例——獲取窗口外側以及 內側尺寸.........................................116 8.2.3 課堂小實例——調整窗口的大小......118 8.3 對話框..........................................118
8.5.2 課堂小實例——窗口名字.................123 8.6 實戰應用......................................125 8.5.3 課堂小實例——關閉窗口.................123 8.7 課后練習......................................127 8.5.4 課堂小實例——窗口的引用.............125 第9章屏幕和瀏覽器對象 9.1 屏幕對象......................................130 9.1.1 課堂小實例——檢測顯示器參數......130 9.1.2 課堂小實例——客戶端顯示器屏幕 分辨率..............................................131 9.1.3 課堂小實例——客戶端顯示器屏幕的 有效寬度和高度...............................132 9.1.4 課堂小實例——獲取顯示器的 顯示信息...........................................133 9.2 瀏覽器對象...................................133 9.2.1 課堂小實例——獲取瀏覽器對象的 屬性值.............................................133 9.2.2 Plugin插件......................................134 9.3 綜合實戰......................................135 9.4 課后練習......................................137 第10章文檔對象 10.3 鏈接對象....................................150 10.3.1 鏈接對象的介紹............................150 10.3.2 課堂小實例——感知鼠標移動事件...151 10.4 腳本化cookie.............................151 10.4.1 cookie介紹....................................151 10.4.2 cookie的優點和缺點......................152 10.4.3 檢測瀏覽器是否支持cookie功能....152 10.4.4 創建cookie....................................153 10.4.5 cookie的生存期.............................153 10.5 實戰應用——文字連續變換 多種顏色.......................................153 10.6 課后練習....................................155 第11章歷史對象和地址對象 11.2.2 課堂小實例——獲取當前頁面 的URL.............................................160 11.2.3 課堂小實例——加載新網頁............162 11.2.4 課堂小實例——獲取參數...............162 11.2.5 重新裝載當前文檔.........................164 11.2.6 課堂小實例——加載新文檔............164 11.2.7 課堂小實例——頁面加載結束后 , 加載下一個頁面.............................166 11.3 實戰應用....................................167 11.4 課后練習....................................168 10.1 文檔對象概述.............................140 10.1.1 文檔對象介紹................................140 10.1.2 文檔對象的使用方法.....................143 10.1.3 課堂小實例——引用文檔中對象的 方法................................................143 10.2 文檔對象的應用..........................145 10.2.1 課堂小實例——設置超鏈接的顏色...145 10.2.2 課堂小實例——設置網頁背景顏色和 默認文字顏色................................145 10.2.3 課堂小實例——文檔信息...............146 10.2.4 課堂小實例——在網頁中輸出內容...147 10.2.5 課堂小實例——文檔定位...............148 10.2.6 課堂小實例——文檔標題...............149 10.2.7 課堂小實例——打開和關閉文檔....149 11.1 歷史對象....................................157 11.1.1 歷史對象的介紹.............................157 11.1.2 課堂小實例——前進到上一頁和 后退到下一頁................................157 11.1.3 課堂小實例——跳轉......................158 11.1.4 課堂小實例——創建返回或前進到 數頁前頁面的按鈕.........................159 11.2 地址對象....................................160 11.2.1 URL介紹.......................................160
第12章表單對象和圖片對象 12.1 Form表單對象............................170 12.1.1 課堂小實例——在鏈接中使用 單選按鈕.......................................170 12.1.2 課堂小實例——給按鈕添加鏈接....172 12.1.3 課堂小實例——給下拉菜單添加 鏈接...............................................175 12.1.4 課堂小實例——在文本框中滾動 顯示文字.......................................177 12.1.5 課堂小實例——變更復選框的值....178 12.1.6 課堂小實例——密碼驗證...............179 12.1.7 課堂小實例——確認是否重置........180 12.1.8 課堂小實例——選擇上傳的文件....182 12.2 image圖片對象...........................183 12.2.1 課堂小實例——獲取圖片信息........183 12.2.2 課堂小實例——圖片輪番顯示效果...185 12.2.3 課堂小實例——控制動畫播放........186 12.2.4 課堂小實例——指向或單擊圖片時 , 使圖片發生變換............................188 12.2.5 課堂小實例——顯示加載圖片狀態...190 12.2.6 課堂小實例——確認是否重新加載 圖片..............................................191 12.3 實戰應用....................................192 12.3.1 實戰應用1——如何制作在網頁上 不斷飄來飄去的圖片......................192 12.3.2 實戰應用2——不用數據庫,只有訪問者輸 入正確的名稱與密碼才能進入網頁...194 12.4 課后練習....................................196 第13章Ajax基礎 13.3Ajax技術的優缺點分析...............201 13.4創建XMLHttpRequest...............202 13.5Ajax中Get請求與Post請求的區別...203 13.6局部更新....................................205 13.7一個完整的Ajax實例...................208 13.1了解傳統的Web技術及Ajax的特點...198 13.2認識Ajax技術的組成部分............199 13.2.1 Ajax中的JavaScript.......................199 13.2.2 Ajax中的XMLHttpRequest............199 13.2.3 Ajax中的CSS................................200 13.2.4 Ajax中的DOM...............................200 13.2.5 Ajax中的XML................................200 第14章導航菜單特效案例 14.1 橫向展開的二級導航菜單............211 14.4 漂亮的分類導航菜單...................224 14.2 超實用的JavaScript下拉菜單......214 14.5 網頁滑動門菜單..........................225 14.3 下拉折疊菜單.............................218 第15章文字和圖片特效案例 15.1JavaScript實現3D文字..............230 15.2飛翔的3D文字效果.....................231 15.33D旋轉的文字............................234 15.4圍繞鼠標轉動的跟隨文字............235 15.5 鼠標移上時放大圖片..................238 15.6 圖片切換效果.............................239 15.7 網站橫幅焦點圖切換..................243 15.8 百葉窗圖片切換..........................246
第16章按鈕鏈接和頁面特效案例 16.1背景圖片變色的按鈕...................251 16.2單擊按鈕后按鈕自動消失............253 16.3閃爍的鏈接.................................254 16.4打開鏈接時彈出詢問確認框........256 16.5在頁面頂部顯示進度條效果........256 16.6網頁定時刷新的特效...................258 16.7指定彈出窗口的位置...................259 16.8網頁密碼保護.............................260 16.9鼠標滑過的列表..........................261 第17章廣告代碼特效案例 17.1漂浮廣告....................................267 17.4懸浮的QQ在線客服....................273 17.2可關閉的對聯廣告......................269 17.5多個圖片廣告交替顯示...............278 17.3收縮的Banner廣告.....................271 17.6先顯示大圖隨后自動收起顯示小圖...281
|
序: |