導航:首頁 > 編程語言 > dom編程技術

dom編程技術

發布時間:2022-03-12 17:56:58

A. 《javaScript DOM編程藝術 》 中有哪些做法是過時的

裡面的例子我以前也做過,效果都可以出來的,應該是你的代碼有問題,比如某個字母錯了,少了括弧,使用了中文符號等等這些小錯誤一開始通常不容易發現.F12多用控制台就能找出來了.

B. Javascript 怎麼學習DOM編程

dom--文檔對象模型,簡單點說就是將你的客戶端(IE/火狐等)以樹狀結構從大到小拆分成單一的對象讓你操作。
誇張點說,你在客戶端(瀏覽器)所看到的一切元素,js都可以操作。
如果你學過其他語言,特別是java或C#有對象的概念,相信對於dom上手很快的。 你不用去定義類,去實例對象,你只要會用這些已有的對象就行了。

dom樹其實就是你可以想像的你的頁面構造

window(窗體對象)-document(文檔對象)-documentElement(文檔內容的根)-body-table-tr-td-span.....

C. JavaScript DOM編程藝術的人民郵電出版社2006年出版書籍

本書講述了javascript和dom的基礎知識,但重點放在dom編程技術背後的思路和原則:預留退路、循序漸進和以用戶為中心等,這些概念對於任何前端web開發工作都非常重要。本書將這些概念貫穿在書中的所有代碼示例中,使你看到用來創建圖片庫頁面的腳本、用來創建動畫效果的腳本和用來豐富頁面元素呈現效果的腳本,最後結合所講述的內容創建了一個實際的網站。
本書適合web設計師和開發人員閱讀。
隨著ajax的興起,javascript再一次成為炙手可熱的技術。然而,在歷史上,它並不是一直這么幸運,由於主流瀏覽器之間的不兼容,以javascript為核心的dhtml曾經曇花一現,很快被人遺忘。
俱往矣,如今的網頁設計已經翻開了新的一頁。在css徹底改變了web頁面布局的方式之後,萬維網聯盟跨瀏覽器的dom標準的制定,使javascript終於突破瓶頸,成了大大改善網頁用戶體驗的利器。
本書在簡潔明快地講述javascript和dom的基本知識之後,通過幾個實例演示了大師級的網頁開發技術,並透徹闡述了一些至關重要的 javascript編程原則和最佳實踐,包括預留退路、循序漸進和以用戶為中心等。讀者可以非常直觀地加以領悟,迅速使自己的編程技術更上一層樓。 第1章 javascript簡史 1
1.1javascript的起源 2
1.2瀏覽器之爭 3
1.2.1dhtml 3
1.2.2瀏覽器之間的沖突 4
1.3制定標准 5
1.3.1瀏覽器以外的考慮 5
1.3.2瀏覽器之爭的結局 6
1.3.3新的開始 6
1.4小結 7
第2章 javascript語法 9
2.1准備工作 9
2.2語法 11
2.3語句 11
2.4變數 13
2.4.1數據類型 15
2.4.2數組 17
2.5操作 20
2.6條件語句 22
2.6.1比較操作符 23
.2.6.2邏輯操作符 24
2.7循環語句 25
2.7.1while 25
2.7.2do...while 26
2.7.3for 27
2.8函數 27
2.9對象 31
2.9.1內建對象 32
2.9.2宿主對象 33
2.10小結 33
第3章 dom 35
3.1文檔:dom中的「d」 35
3.2對象:dom中的「o」 35
3.3模型:dom中的「m」 36
3.3.1節點 38
3.3.2getelementbyid()方法 42
3.3.3getelementsbytagname()方法 44
3.4趁熱打鐵 46
3.4.1getattribute()方法 46
3.4.2setattribute()方法 48
3.5小結 49
第4章 案例研究:javascript美術館 51
4.1編寫標記語言文檔 52
4.2編寫javascript函數 54
4.2.1dom之前的解決方案 55
4.2.2showpic()函數的代碼清單 56
4.3javascript函數的調用 56
4.4對javascript函數進行功能擴展 59
4.4.1childnodes屬性 59
4.4.2nodetype屬性 60
4.4.3在html文檔里增加一段描述性文本 61
4.4.4用javascript代碼改變元素的文本內容 62
4.4.5nodevalue屬性 63
4.4.6firstchild和lastchild屬性 63
4.4.7利用nodevalue屬性刷新元素的文本內容 64
4.5小結 68
第5章 javascript編程原則和良好習慣 69
5.1不要誤解javascript 69
5.1.1不要歸罪於javascript 70
5.1.2flash的遭遇 71
5.1.3質疑 72
5.2預留退路 72
5.2.1「javascript:」偽協議 74
5.2.2內嵌的事件處理函數 74
5.2.3有何不好 74
5.3向css學習 75
5.4分離javascript 78
5.5向後兼容性 80
5.6小結 82
第6章 案例研究:javascript美術館改進版 83
6.1快速回顧 84
6.2解決「預留退路」問題 84
6.3解決「分離javascript」問題 85
6.3.1添加事件處理函數 86
6.3.2進行必要的檢查 87
6.3.3創建必要的變數 89
6.3.4創建循環 90
6.3.5完成必要的操作 91
6.3.6完成javascript函數 91
6.3.7把多個javascript函數綁定到onload事件處理函數上 92
6.4javascript函數的優化:不要做太多的假設 94
6.4.1不放過每個細節 97
6.4.2鍵盤瀏覽功能 99
6.4.3慎用onkeypress事件處理函數 100
6.4.4把javascript與css結合起來 102
6.5dom core和html-dom 105
6.6小結 106
第7章 動態創建html內容 109
7.1document.write()方法 110
7.2innerhtml屬性 111
7.3dom提供的方法 114
7.3.1createelement()方法 115
7.3.2appendchild()方法 116
7.3.3createtextnode()方法 117
7.4重回「javascript美術館」 121
7.4.1insertbefore()方法 123
7.4.2「javascript美術館」二次改進版 127
7.5小結 131
7.6下章簡介 132
第8章 充實文檔的內容 133
8.1 不應該做的事情 133
8.2 把「不可見」變成「可見」 134
8.3 原始內容 135
8.4 xhtml文檔 137
8.5 css 138
8.6 javascript代碼 139
8.6.1 顯示「縮略詞語表」 139
8.6.2 顯示「文獻來源鏈接表」 152
8.6.3 顯示「快速訪問鍵清單」 158
8.7 小結 161
8.8 下章簡介 162
第9章 css-dom 163
9.1 三位一體的網頁 163
9.1.1 結構層 163
9.1.2 表示層 164
9.1.3 行為層 164
9.1.4 分離 165
9.2 style屬性 165
9.2.1 樣式信息的檢索 167
9.2.2 設置樣式信息 172
9.3 何時該用dom腳本去設置樣式信息 174
9.3.1 根據元素在節點樹里的位置來設置樣式信息 174
9.3.2 根據某種條件來設置樣式信息 178
9.3.3 對事件做出響應 182
9.4 classname屬性 184
9.5 小結 188
第10章 用javascript實現動畫效果 191
10.1 何為動畫 191
10.1.1 位置 192
10.1.2 時間 194
10.1.3 抽象化 198
10.2 實用的動畫 205
10.2.1 問題的提出 205
10.2.2 問題的解決 207
10.2.3 css 208
10.2.4 javascript代碼 210
10.2.5 與變數的作用域有關的問題 214
10.3 改進動畫效果 216
10.4 最後的優化 219
10.5 小結 224
第11章 學以致用:javascript網站設計實戰 225
11.1 案例背景介紹 225
11.1.1 原始材料 226
11.1.2 網站的結構 226
11.1.3 網頁的結構 227
11.2 頁面視覺效果設計 228
11.3 css 229
11.4 顏色 231
11.4.1 布局 232
11.4.2 字型 234
11.5 xhtml文檔 236
11.6 javascript腳本 236
11.6.1 當前頁面的標識 238
11.6.2 javascript動畫 242
11.6.3 內部瀏覽 247
11.6.4 javascript美術館 251
11.6.5 改進表格 254
11.6.6 改進表單 259
11.7 小結 268
11.8 下章簡介 268
第12章 展望dom腳本編程技術 269
12.1 web的現狀 269
12.1.1 web瀏覽器 270
12.1.2 web設計師 271
12.1.3 三條腿的凳子 272
12.2 ajax技術 274
12.2.1 xmlhttprequest對象 275
12.2.2 ajax技術的爆發 278
12.2.3 循序漸進:如何運用ajax技術 279
12.2.4 ajax技術的未來 281
12.3 web應用 282
12.4 小結 283
附錄 dom方法和屬性 285

D. 《JavaScript DOM編程藝術》怎麼樣

這本書被很多人稱為經典入門書籍的原因是:

通俗易懂,簡單直接。
能夠讓願意學習JavaScript的人對JavaScript有一個初步的認識。
理解CSS、HTML、JavaScript三者之間的關系。

根據書上的提示做一個簡單的靜態網站。
它作為逗入門地的目的已經達到了如果說哪有過時只能說他這裡面沒有寫到DOM的高級技術。

E. 編程裡面DOM是干什麼的

DOM= Document Object Model,文檔對象模型,DOM可以以一種獨立於平台和語言的方式訪問和修改一個文檔的內容和結構。換句話說,這是表示和處理一個HTML或XML文檔的常用方法。有一點
DOM
很重要,DOM的設計是以對象管理組織(OMG)的規約為基礎的,因此可以用於任何編程語言。最初人們把它認為是一種讓JavaScript在瀏覽器間可移植的方法,不過DOM的應用已經遠遠超出這個范圍。Dom技術使得用戶頁面可以動態地變化,如可以動態地顯示或隱藏一個元素,改變它們的屬性,增加一個元素等,Dom技術使得頁面的交互性大大地增強。[1]

DOM實際上是以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關系。可以把DOM認為是頁面上數據和結構的一個樹形表示,不過頁面當然可能並不是以這種樹的方式具體實現。

F. javascript Dom編程技術裡面 動畫這里的settimeout作用域問題看不太明白,求助

(function(){console.log(this),eval('console.log(this)'),setTimeout('console.log(this)',0)}).call({Test:!0})

G. 《JavaScriptDOM編程藝術(第2版)》pdf下載在線閱讀,求百度網盤雲資源

《JavaScript DOM編程藝術 (第2版)》([英] Jeremy Keith)電子書網盤下載免費在線閱讀

資源鏈接:

鏈接: https://pan..com/s/1cCbWo-yM6JWffag7jdY-fw 提取碼: 47ci

書名:JavaScript DOM編程藝術 (第2版)

作者:[英] Jeremy Keith

譯者:楊濤

豆瓣評分:8.6

出版社:人民郵電出版社

出版年份:2011-4

頁數:300

內容簡介:

JavaScript是Web開發中最重要的一門語言,它強大而優美。無論是桌面開發,還是移動應用。JavaScript都是必須掌握的技術。W3C的DOM標準是開發Web應用的基石。已經得到所有現代瀏覽器的支持,這使得跨平台Web開發成了一件輕松愜意的事。

本書是超級暢銷書的升級版,由倡導Web標準的領軍人物執筆,揭示了前端開發的真諦,是學習JavaScript和DOM開發的必讀之作。

本 書在簡潔明快地講述JavaScript和DOM的基本知識之後,通過幾個實例演示了專業水準的網頁開發技術,透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐,並全面探討了HTML5以及jQuery等JavaScript庫。讀者將看到JavaScript、 HTML5和CSS如何協作來創建易用的、與標准兼容的Web設計,掌握使用JavaScript和DOM通過客戶端動態效果和用戶控制的動畫來加強 Web頁面的必備技術;同時,還將對如何利用庫提高開發效率有全面深入的理解。

作者簡介:

Jeremy Keith 國際知名的Web設計師,Web標准項目組成員,DOM Scripting任務組負責人之一,任職於Web咨詢公司Clearleft。除本書外,還著有HTML5 for Web Designers、Bulletproof Ajax。可通過其個人網站adactio.com與他聯系。

Jeffrey Sambells 資深平面設計師,Web開發人員,創辦了軟體公司We-Create並擔任研發總監。除本書外,還著有《JavaScript高級程序設計》和 Beginning Google Maps Applications with PHP and Ajax等多部暢銷書。

H. JavaScript Dom編程藝術 在做一個美術館案例 做不出效果,求看下代碼哪裡不對

應該是載入順序的問題 把function showpic方法放在onload事件外面
onload事件是頁面載入完事件 也就是說在你<a>標簽綁定showpic事件時這個事件並不存在
所以會出錯 導致return false 無效 從而直接打開超鏈接路勁

I. 為什麼要學DOM編程

dom--文檔對象模型,簡單點說就是將你的客戶端(IE/火狐等)以樹狀結構從大到小拆分成單一的對象讓你操作。
誇張點說,你在客戶端(瀏覽器)所看到的一切元素,js都可以操作。
如果你學過其他語言,特別是java或C#有對象的概念,相信對於dom上手很快的。 你不用去定義類,去實例對象,你只要會用這些已有的對象就行了。

閱讀全文

與dom編程技術相關的資料

熱點內容
app地推業績統計在哪裡 瀏覽:993
維語電影網站大全 瀏覽:958
程序員骨腫瘤上熱搜 瀏覽:847
聚優電影 瀏覽:45
國企保底工資演算法 瀏覽:730
視聽說伺服器地址是什麼意思 瀏覽:657
一部男主叫大志的電影叫 瀏覽:650
安卓反編譯後編譯不回來 瀏覽:195
快穿肉文推薦 瀏覽:263
lol新手推薦什麼伺服器 瀏覽:283
尼桑奇駿壓縮機 瀏覽:170
android模態對話框 瀏覽:793
手機為什麼無法接到伺服器 瀏覽:627
背景虛化人物清晰哪個app 瀏覽:657
android開發職位 瀏覽:764
勒索病毒加密文件特徵識別 瀏覽:815
小車控制源碼 瀏覽:9
程序員右手筋脈疼痛沒力 瀏覽:841
手機視頻太大如何壓縮 瀏覽:555
出租伺服器怎麼用 瀏覽:229