【JavaScript】ノートボム

bom: ブラウザはオブジェクトを使用して構築されたプログラムです

1、ウィンドウオブジェクト

(1) ウィンドウを省略してウィンドウのプロパティにアクセスできます。

innerHeight: ビューポート (スクロールバーを含む) の高さ (ピクセル単位)

innerWidth: ビューポートの幅 (スクロールバーを含む) (ピクセル単位)

pageYOffset: ドキュメントがウィンドウ内で垂直にスクロールするピクセル数

print(): 印刷ダイアログボックスを開いて現在のドキュメントを印刷します。

スクロール (オプション): ウィンドウがドキュメント内の指定された位置までスクロールします。

scrollBy (オプション): ウィンドウは指定された距離だけドキュメントをスクロールします。

(2) タイマー

方法	意味
setTimeout()	遅延実行では、指定されたミリ秒単位で特定のコードを 1 回実行します。
setInterval()	繰り返し指定されたミリ秒数ごとにコードのブロックを実行します

function f(){;}
setTimeout(f,500);
setInterval(f,1000);
setTimeout(function(){},500);
setInterval(()=>{},1000)

(3) タイマーをキャンセルする

方法	意味
クリアタイムアウト(t)	setTimeout()で設定したタイマーをキャンセルします。
クリア間隔(t)	setInterval()で設定したタイマーをキャンセルします。

let timer1=setTimeout(f,50);
clearTimeout(timer1);
let timer2=setInterval(f,50);
clearInterval(timer2);

プロパティ/メソッド	説明する
href	現在の URL に戻り、新しい Web ページの URL にジャンプするように設定します
リロード（）	現在の Web ページをリロードする

document.write(location.href);
location.href="http://qq.com";
location.reload();//用缓存刷新
location.reload(true);//服务器获取

(1) ブラウザの関連情報を取得する

online 属性: ネットワークに接続されている場合は true を返し、ネットワークから切断されている場合は false を返します。

userAgent は、特定のブラウザの特定のバージョンに存在する特定のバグを解決するために使用されます。

var browser=navigator.userAgent;
if(browser.indexOf('Trident')!=-1)
alert
('IE浏览器')；
else
alert('非IE浏览器');

(2) シャーリングプレート

ナビゲーター.クリップボード.xx

navigator.clipboard.writeText('文本');

要素とその子孫を全画面で表示するために使用されます

プロパティ/メソッド	説明する
element.requestFullscreen()	要素を全画面表示にする
document.exitFullscreen()	ドキュメントを全画面から取り出す
document.fullscreenElement	ドキュメントが全画面モードになるかどうかを決定します。null の値は、全画面モードに入ったことを示します

現在のページは、このドメインで通知を表示する権限をユーザーに適用します。

通知().requestPermission();

インスタンスを生成し、通知を構成および表示する

const n=新しい通知(タイトル,オプション);

title は表示する必要がある通知のタイトルです

(1) キーと値のペアはデータを格納します。キーと値は両方とも文字列です。

localStorage: ブラウザ内の長期保存

sessionStorage: ページを閉じるとデータは消去されます

(2) localStorageオブジェクト

方法	説明する
setItem('キー',値)	新しいキーと値のペアを作成するか、キーの値を設定します
getItem('キー')	キーの値を返す
RemoveItem('キー')	キーと値のペアを削除する
クリア（）	このドメイン内のすべてのキーと値のペアを削除します

localStorage.key;
localStorage.setItem('theme','dark');
localStorage.theme='dark';
localStorage['theme']='dark';