Windowとは
Windowはブラウザの1つのタブやウィンドウそのもの、あるいは、 グローバルで使用できる項目を参照するのに使用します。
Windowのプロパティ
window.console - デバッグコンソール
console.log('Hello, world!');window.document - Webページのドキュメント
console.log(document.body);window.history - ページの履歴
// 履歴を戻る
window.history.back()ブラウザーの領域の広さ
//コンテンツ領域の高さ
console.log(window.innerHeight);
//コンテンツ領域の幅
console.log(window.innerWidth);
//ブラウザの高さ
console.log(window.outerHeight);
//ブラウザの幅
console.log(window.outerWidth);現在のURLの取得と設定
console.log(window.location);
window.location.href = "https://example.jp";ローカルのストレージ
const storage = window.localStorage;
storage.setItem('key', 'value');
var v = storage.getItem("key");
console.log(v);
storage.removeItem("key");
console.log(storage);Window.Name Window名称の取得と設定
let w = window.open('','windowname');
console.log(w.name); // windowname
w.name = "sample_window";Window.opener 呼び出し元のウィンドウ
let w = window.open('','windowname');
console.log(window.opener);スクロール位置
//横方向のスクロール位置
console.log(window.pageXOffset);
console.log(window.scrollX);
//縦方向のスクロール位置
console.log(window.pageYOffset;
console.log(window.scrollY);画面
//画面の高さと幅
console.log(window.screen.height);
console.log(window.screen.width);
//タスクバーを除いた画面の高さと幅
console.log(window.screen.availHeight);
console.log(window.screen.availWidth);
//色の深度
console.log(window.screen.colorDepth);
//ピクセルの深度
console.log(window.screen.pixelDepth);
//画面の向き
console.log(window.screen.orientation);画面とブラウザの位置関係
// 画面左端とブラウザ左端の距離
console.log(window.screenX);
console.log(window.screenLeft);
// 画面上端とブラウザ上端の距離
console.log(window.scrollY);
console.log(window.screenTop);親・最上位・自身のWindowの参照
console.log(window.parent);
console.log(window.top);
console.log(window.selp);