BOM オブジェクト モデルを操作する Js の詳細な紹介

BOM がブラウザ ウィンドウにアクセスして操作できることは、通常、BOM をモバイル ウィンドウとして使用し、ステータス バーのテキストを変更したり、ページのコンテンツに直接関係しないその他のアクションを実行したりできることを知っています。

windowオブジェクト:

1. ウィンドウ操作

ここで、moveToとmoveByはウィンドウの移動、resizeToとresizeBoはウィンドウのサイズを設定する、scrollToとscrollByはスクロールバーの位置を設定する

新しいウィンドウの開閉:

openBtn.onclick = function() {
    newWindow = window.open("./test.html", "_blank", "width=300px, height=300px, left=500px, top=300px, toolbar=no")
};
closeBtn.onclick = function() {
    newWindow.window.close();
};

時間間隔と一時停止:

時間間隔:

setInterval

一時停止:

window.clearInterval

例:

start.onclick = function() {
    // 3. 设置定时器
    times = setInterval(function() {
       window.scrollBy(0, 5);
    }, 40);
};
stop.onclick = function() {
    //4. 清除定时器
    window.clearInterval(times);
};

setTimeOut: 実行のみ時間間隔後の 1 回の操作

以下に添付 前のカウントダウンの例:

履歴:

history.go()

括弧内のパラメータは 1、-1 です

history.go(1)表示前进一页.相当于history.forward()
history.go(-1)表示后退一页,相当于history.back()
location:

location オブジェクト は読み込みの URL を表しますさらに、URL も解析できます

1.hash: URL の # 以降の部分を返します

2.host: サーバーの名前を返します

3.href: 現在ロードされているページの完全な URL

4.search: URL 内の GET リクエストを実行する部分疑問符

location オブジェクトの後の部分には reload メソッドがあります: 現在のページを再読み込み (更新) できます。

reload は false、キャッシュ、リロードは true、サーバーからロード、パラメーターは省略、デフォルトは false です

screen object:

window.screen.availWidth+" "+window.screen.availheight (ウィンドウは幅と高さを処理できます)画面)

window.screen.Width+" "+window.screen.height (画面の幅と高さ)

availableHeight プロパティと availWidth プロパティは、新しいウィンドウのサイズを決定するときに非常に役立ちます

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

CSS3でtransform属性を使用する方法

CSS3属性セレクターを使用してJSの役割を置き換える方法

css3を使用してプログレスバーを作成する方法

以上がBOM オブジェクト モデルを操作する Js の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。