HTML DOMレベルおよびいくつかのピット#14


記事は、「あなたが知らないかもしれない先端知識点」のコラムに最初に掲載され、アドレスをバックアップします.https://github.com/justjavac/...
API(WebまたはXMLページ)=DOM+JavaScript(スクリプト言語)
に質問
問題は異常から始まる.
あるネットユーザーは以下のコードを書いた.
function download() {
      console.log(1);
}
ダウンロード

ボタンをクリックすると、エラーが表示されます.Uncaught TypeError: download is not a function downloadは関数ではありません.devtools consoleで$0.downloadを実行すると、""、空の文字列が得られます. に変更してみましたが、正常に実行できます.
解読する
答え:HTML 5ではdownloadのプロパティが追加されているので、aでdownload()を呼び出すとdownload is not a functionが提示されます.すべてのプロパティが文字列であるためです.
同じピットには、フォームのコントロールidsubmitに設定すると、フォーム提出form.submit()がエラーになり、エラー情報はこれと似ています.submit is not a functionです.
DOM
実際にDOM 0級の公式基準はありません.
DOMはNetscapeが最初に提案し、JSの誕生と同じ時間に行われた.Netscape 2ブラウザはまずDOMを実現し、document.formsdocument.imagesなどのドキュメント内の要素を取得するエントリを定義し、後期のブラウザは後方互換性を実現するために、これらのインタフェースもサポートしています.JSイベントでよく取り上げられるDOMイベントも、この段階で定義されています.他にもCSSアクセス、DOM遍歴、などがよく使われています..
DOM(Document Object Model)の繁栄は1990年代後半のマイクロソフトとNetscapeの「ブラウザ大戦」にさかのぼることができ、双方はJavaScriptでJscriptと生死を決めるため、大規模にブラウザに強力な機能を与えた.マイクロソフトはウェブページの技術の上で多くの専属の事物に参加して、VBScript、ActiveX、およびマイクロソフトの自分のDHTMLフォーマットなどを計算して、多くのウェブページがマイクロソフト以外のプラットフォームとブラウザを使って正常に表示することができません.
1998年10月、DOM 1はW 3 Cの推奨基準となった.DOM 1レベルは、DOMコア(DOM Core)とDOM HTMLの2つのモジュールから構成されています.次のように定義されています.
  • DOMコア:任意の構造化ドキュメントに対する標準モデル
  • DOM HTML:HTMLドキュメントのみの標準モデル
  • DOM 1は生まれたばかりの子供のように、いろいろな不足があるに違いない.そこで各ブラウザは、attachEventaddEventListenerなどの新しいプライベートAPIを元のベースに追加し、W 3 CはDOM level 2を発売した.このバージョンの最大の変化は、イベントリスニングを追加する方法がaddEventListenerに統一され、3番目のパラメータが追加されたことです.(3番目のパラメータについては、私の前の記事6を参照してください)
    W 3 Cは2000年にDOM level 2を発売し、9年後の2009年にマイクロソフトが発表したIE 9がこの基準に従った.WTF!!!
    その後、DOM 3とDOM 4が続々と発売された.
    リファレンスリンク
  • DOM概要-Web APIインタフェース|MDN
  • ドキュメントオブジェクトモデル(DOM)-Web APIインタフェース|MDN
  • DOM Level 3 Coreの重要特性を探索する第1部第2部
  • DOMレベル|GCIdea's blog