資訊專欄INFORMATION COLUMN
摘要：微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物，計有以及微軟自家的格式等，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。關(guān)于第三個參數(shù)可以看我之前的文章在年推出，直到年后的年，微軟發(fā)布的才遵循這個標(biāo)準(zhǔn)。
文章首發(fā)在《你可能不知道的前端知識點(diǎn)》專欄，備份地址：https://github.com/justjavac/...
API (Web 或 XML 頁面) = DOM + JavaScript(腳本語言)
問題問題從一個異常開始。
有網(wǎng)友寫了如下代碼：
function download() {
console.log(1);
}
下載
當(dāng)點(diǎn)擊按鈕的時候，卻報錯了：
Uncaught TypeError: download is not a function
報錯信息很奇怪：download 不是一個函數(shù)。如果我們在 devtools console 執(zhí)行 $0.download 會得到 ""，一個空字符串。
解讀先說答案：HTML 5 中為 增加了 download 屬性，所以在 a 上調(diào)用 download() 會提示 download is not a function，因為所有的屬性都是字符串。
同樣的坑還有：如果把表單里面的某個控件 id 設(shè)置為 submit，會導(dǎo)致表單提交 form.submit() 出錯，錯誤信息和這個類似，submit is not a function。
DOM實(shí)際上沒有沒有 DOM0 級的官方標(biāo)準(zhǔn)。
DOM 是 Netscape 最早提出，并且與 JS 的誕生是在同一個時間。Netscape2 瀏覽器首先實(shí)現(xiàn)了 DOM，定義了獲取文檔中一些元素的入口，比如 document.forms 和 document.images，后期的瀏覽器為了實(shí)現(xiàn)向后兼容，同樣也支持這些接口。在 JS 事件中，我們經(jīng)常提及的 DOM 事件，也是在這個階段定義的。其它比較常用的還有 CSS 訪問、DOM 遍歷、等。。。
DOM(Document Object Model) 的繁榮可以追溯至 1990 年代后期微軟與 Netscape 的“瀏覽器大戰(zhàn)”，雙方為了在 JavaScript 與 JScript 一決生死，于是大規(guī)模的賦予瀏覽器強(qiáng)大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物，計有 VBScript、ActiveX、以及微軟自家的 DHTML 格式等，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。
1998 年 10 月，DOM1 成為了 W3C 的推薦標(biāo)準(zhǔn)。DOM1 級由兩個模塊組成：DOM核心（DOM Core）和DOM HTML。分別定義了：
DOM核心：針對任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型
DOM HTML：只針對HTML文檔的標(biāo)準(zhǔn)模型
DOM1 就像一個剛出生的孩子，肯定有各種不足。于是各種瀏覽器都在原來的基礎(chǔ)上添加新的私有 API，比如 attachEvent 和 addEventListener，于是 W3C 又推出了 DOM level 2。而這個版本最大的變化就是 添加事件監(jiān)聽的方法統(tǒng)一成了 addEventListener，并增加了第三個參數(shù)。（關(guān)于第三個參數(shù)可以看我之前的文章 #6 ）
W3C 在 2000 年推出 DOM level 2，直到 9 年后的 2009 年，微軟發(fā)布的 IE9 才遵循這個標(biāo)準(zhǔn)。WTF?。?！
后來陸續(xù)推出了 DOM3 和 DOM 4。
參考鏈接DOM概述 - Web API 接口 | MDN
文檔對象模型 (DOM) - Web API 接口 | MDN
探索 DOM Level 3 Core 的關(guān)鍵特性 第 1 部分 第 2 部分
DOM級別 | GCidea"s blog
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89344.html
摘要：微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物，計有以及微軟自家的格式等，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。關(guān)于第三個參數(shù)可以看我之前的文章在年推出，直到年后的年，微軟發(fā)布的才遵循這個標(biāo)準(zhǔn)。 文章首發(fā)在《你可能不知道的前端知識點(diǎn)》專欄，備份地址：https://github.com/justjavac/... API (Web 或 XML 頁面) = DOM + JavaScript...
摘要：一前言在接到需求后很快的做完了然后做本地測試發(fā)現(xiàn)因為是請求里面參數(shù)數(shù)據(jù)是查詢?nèi)嗣詳y帶中文，對此進(jìn)行了問題分析。 一、前言 在接到需求后很快的做完了然后做本地測試發(fā)現(xiàn)： java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are ...
摘要：一前言在接到需求后很快的做完了然后做本地測試發(fā)現(xiàn)因為是請求里面參數(shù)數(shù)據(jù)是查詢?nèi)嗣詳y帶中文，對此進(jìn)行了問題分析。 一、前言 在接到需求后很快的做完了然后做本地測試發(fā)現(xiàn)： java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are ...
閱讀 3620·2021-11-15 11:38
閱讀 2814·2021-11-11 16:55
閱讀 2569·2021-11-08 13:22
閱讀 2642·2021-11-02 14:45
閱讀 1327·2021-09-28 09:35
閱讀 2613·2021-09-10 10:50
閱讀 479·2019-08-30 15:44
閱讀 2791·2019-08-29 17:06
