20日目:BOMとDOM、window.onload()、addEventListener()js解答用

4086 ワード

js 公費記録テキストリンク

2021.12.9.Thur.

復習する

BOMとDOM

プログラミングの目標は生産性です!

ソフトウェア危機:ソフトウェア開発遅延

オブジェクトモデル:ex)jsではhtml要素をオブジェクト

と見なす.

現在のプログラミングの基本概念は、オブジェクト向けプログラミング

である.

材料リスト(Browser Object Model):jsがWebブラウザを対象とする方法→window、history、location、document、navigator

ドキュメントオブジェクトモデル:ドキュメントオブジェクト→SAX(読み取り専用)、

(読み取り/書き込み)を使用

DOMレベル0:わかりやすい

DOM level 2:htmlとjsを

に区切る

<input type="text" id="age">
<button id="print">출력</button>
<script>
  const age = document.querySelector('#age');
  const print = document.querySelector('#print');
  // 이벤트가 발생하는 곳: #print 이곳에 addEventListener
  print.addEventListener('click',function(){
   alert('fire')
  });
  }
</script>