JavaScriptのBOMとは何ですか? BOM オブジェクトの概要

この章では、JavaScript における BOM とは何ですか? BOM オブジェクトの概要。js における BOM の意味と、JavaScript が BOM オブジェクトを操作する方法を誰もが理解できるようにします。一定の基準値があり、 困っている友達は参考にしていただければ幸いです。

1. BOM とは

# BOM (ブラウザ オブジェクト モデル) はブラウザ オブジェクト モデルです。

BOM は、コンテンツとは独立してブラウザ ウィンドウと対話するオブジェクトを提供します。
BOM は主に使用されます。 これはウィンドウ間の通信を管理するために使用されるため、そのコア オブジェクトはウィンドウです。
BOM は一連の関連オブジェクトと各オブジェクトで構成されます。 オブジェクトは多くのメソッドと属性を提供します。
BOM には標準がありません。JavaScript 構文の標準化団体は ECMA であり、DOM の標準化団体です。 はい、W3C、BOM はもともと Netscape ブラウザ標準の一部でした。

2. BOM オブジェクト

1.Window オブジェクト: 現在のブラウザ フォーム

ウィンドウobject は js の最上位オブジェクトです。グローバル スコープで定義されたすべての変数と関数は、呼び出し時に使用できる window オブジェクトのプロパティとメソッドになります。 ウィンドウを省略します。

属性:

ステータス: ステータス バー (ブラウザーでは現在非推奨)

オープナー: 誰が私のものを開くか、オープン B が A で使用されている場合、B オープナーは A

closed: サブフォームが閉じているかどうかを確認します

メソッド:

#alert() ポップアップ ボックス

confirm () 確認とともに、ポップアップ ボックスをキャンセルします。

setInterval() 何秒間呼び出しますか

clearInterval() setInterval をクリアします

setTimeout() 呼び出す秒数

cleartimeout() setTimeout をクリア

open() 新しいウィンドウを開く

例 ：

 window.open

("other.html"," _blank","width=200,height=300,top=300");

console: 最も一般的に使用されるのは、console.log() ブラウザーのコンソール出力です。

2 サブオブジェクト

メインのサブオブジェクトです。オブジェクトの紹介: 場所、歴史、画面。

1)、位置ジャンプ位置

<meta http-equiv="refresh" content="3; url =http://www.hteis.cn";>      //不加url指3秒刷新

一次，加url指3秒跳转
window.location.href="popl.html";
location = pop.html
location.replace("pop.html")

 //浏览器不可以后退

2)、履歴history

history.back() ==history.go(-1 ) //前のページに戻ります

history.go(-2) //括弧内のパラメータの負の数は前のステップに戻ります

例:

<a href="javascript:history.back()">返回上一页

</a>
<a href="javascript:history.go(-2)">第一页</a>

3 )、画面 screen

screen.availHeight: 画面の実際の高さ

screen.availWidth: 画面の実際の幅

screen .height: 画面の高さ

screen.width: 画面の幅

#例:

console.log("屏幕实际高度"+screen.availHeight);
console.log("屏幕实际宽度"+screen.availWidth);
console.log("屏幕高度"+screen.height);
console.log("屏幕宽度"+screen.width);

3 DOM と BOM

の違い。 1. DOM

正式名称は Document Object Model で、ドキュメント オブジェクト モデルです。 XML 用のツリーベースの API です。 Web コンテンツを処理するためのメソッドとインターフェイスについて説明します。 HTML および XML API、DOM は、ページ全体をノード レベルで構成されるドキュメントに計画します。 XHTML および HTML 用の DOM。この DOM は、HTMLDocument と HTMLElement を次のように定義します。 この実装の基礎は、この HTML のコンテンツをプログラムで操作する (特定の要素の追加、要素のコンテンツの変更、特定の要素の削除など) ために、この HTML を参照することです。 オブジェクト ツリー (DOM ツリー)、それ自体、およびその中のすべてのものを次のように作成します。

これらのタグはオブジェクトとみなされ、各オブジェクトはノード (ノード) と呼ばれ、ノードは次のように理解できます。 DOM 内のすべてのオブジェクト Object の親クラス。

DOM は何に使用されますか?たとえば、このWebページのタイトルをJSで変更したい場合は、次のようにします。

document.title = ‘how to make love’;

この API を使用すると、Web ページがブラウザにダウンロードされた後にそのコンテンツを変更できます。

2. BOM

BOM はブラウザ オブジェクト モデルです。

先ほど、DOM はドキュメントを操作するためのインターフェイスであると述べましたが、BOM はその名前が示すように、実際にはブラウザの動作を制御するためのインターフェイスです。

ブラウザでできることは何ですか?たとえば、別のページにジャンプしたり、前に進んだり、戻ったりするには、プログラムは画面のサイズなどのパラメータを取得する必要がある場合もあります。

つまり、BOM はこれらの問題を解決するために登場したインターフェースです。たとえば、ブラウザに別のページにジャンプさせたい場合、必要なのは

location.href = "http://www.xxxx.com";

この場所は BOM 内のオブジェクトです。

4. 概要

この章では、ブラウザの移動やサイズ変更ができるウィンドウ オブジェクトなど、ブラウザ ウィンドウと対話するいくつかのオブジェクトについて学びました。ナビゲーションの位置情報に使用できます オブジェクトと履歴オブジェクト、ブラウザ、オペレーティングシステム、ユーザー画面の情報を取得できる画面オブジェクト、ドキュメントを入り口としてHTMLドキュメントにアクセスしたり、フレームのフレームを管理したりできます オブジェクトなど

以上がJavaScriptのBOMとは何ですか? BOM オブジェクトの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。