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

php中世界最好的语言
リリース: 2017-12-02 10:52:44
オリジナル
1754 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート