[生活コード]オブジェクトモデル(1/2)


  • Object Model
  • JSでブラウザを制御するためには、JSで制御できるオブジェクトを用意する必要があります.
  • JavaScriptで制御できるように、ブラウザの複数のコンポーネントをオブジェクト化(オブジェクト化)します.
  • Webブラウザの各コンポーネントはオブジェクト化されている.JavaScriptを使用して、このオブジェクトを制御してWebブラウザを制御できます.
  • ex)
    <html>
      <body>
         <img src=“abcde”> => img tag에 src속성으로 이런 값을 주면 이 값에 해당되는 이미지를 로드(html프로그래밍)
      </body>
    </html>
    JavaScriptでプログラミング制御を行うには、次の手順に従います.
    <img src=“abcde”>
    =>オブジェクト->ブラウザで作成した画像タグに対応するオブジェクトを見つける必要があるJSに制御する必要があります
    ブラウザは、各タグをオブジェクトに設定して準備しています.
    作成したタグに対応するオブジェクトにメソッドを呼び出すか、プロパティ値を取得してオブジェクトを制御します.
    「JavaScriptでブラウザを制御しますか?」オブジェクトを処理します.
  • 文書という客体がある.メソッドでは、
    document.getElementsByTagName:tagnameを使用して別名オブジェクトをインポートします.
    ex) var imgs = documnt.getElementsByTagName(「img」):tag nameがimgのすべての要素を返します.imgs変数は戻り値を受信します.
  • img ;//[]値切る.
    img[0];//
    img[0].style.width=‘300px’;//画像サイズの変更
    Webブラウザのウィンドウに対応するオブジェクト:window
    window.alert(‘Hello World’);//警告ウィンドウが表示されます
    Windowsという名前のオブジェクトでalert(内蔵関数)という名前のオブジェクトメソッドを呼び出します.ブラウザが事前に準備して提供したメソッドを呼び出して警告ウィンドウ=>windowを実行します.