JavaScriptブラウザに関連するオブジェクト



Windows:ブラウザウィンドウを開くたびに作成
document:各Webドキュメントに1つ、<body>タグに遭遇したときに作成
navigator:現在使用されているブラウザについて
≪履歴|History|ldap≫:ユーザー・アクセス履歴の保存
location:現在のページのURLについて
  • window.location.href:ブラウザウィンドウに入力されたアドレスは、
  • を変更できます.
    screen:現在使用されている画面情報

    Windowオブジェクト


    ブラウザオブジェクトモデル(BOM)の最上位オブジェクト
  • windowオブジェクトは、現在のWebブラウザのウィンドウまたはタブを表します.
  • 随所に見られる.(ブラウザレンダリングではないため、サーバ側レンダリングにはウィンドウオブジェクトがありません)
  • ブラウザ関連イベントのみ登録(サイズ)
  • グローバルオブジェクト、属性名で直接アクセス可能
  • ウィンドウオブジェクトの設定

    document:domへのアクセスlocation:現在のURLlocalStorage:ローカルストレージsessionStorage:セッションストレージinnerHeight,innerWidth:コンテンツ領域サイズpageXOffset , pageYOffset :screenX , screenY :scrollX , scrollY :
    localStorage:半永続性、ドメインの共有
    localStorage.setItem(key, value) // 저장
    localStorage.getItem(key) // 조회
    localStorage.removeItem(key) // 삭제
    SessionStorage:ウィンドウが閉じたときに消える
    sessionStorage.setItem(key, value) // 저장
    sessionStorage.getItem(key) // 조회
    sessionStorage.removeItem(key) // 삭제
    オブジェクトを保存する場合はJSON化する必要があります(JSON.stringify)
    オブジェクトの問合せにはJSONパーティションを行う必要があります(JSON.parse)

    Windowsオブジェクトメソッド

    open():新しいウィンドウを開くclose():新しいウィンドウを閉じるresizeBy():指定したサイズでウィンドウサイズを調整resizeTo():ウィンドウサイズの動的調整scroll():特定の場所にスクロールscrollBy():指定したサイズでスクロールscrollTo():指定した場所へスクロールsizeToContent():内容別にウィンドウサイズを調整

    Documentオブジェクト


    ドキュメントオブジェクトモデル(DOM)の最上位オブジェクト
  • documentオブジェクトはページ全体を表します
  • HTML要素に関するヘルプメソッド
  • 要素を選択、作成し、イベントハンドラを追加
  • HTML要素の選択方法
    たんすうがた
  • document.getElementById(アイデンティティー)
  • document.getElementByName(name属性値)
  • document.义齿
    多機能
  • document.getElementsByClassName(クラス名)
  • document.getElementsByTagName(タグ名)
  • document.querySelector All(セレクタ)
  • 参考資料
    Window and Document
    JavaScript Window/Documentの違いは何ですか?
    TCPschool