我々はBOMを知るために必要なすべての1.まずやっていますか?
BOMとDOM、ESには、JavaScriptの重要な部分である3。
ボムの中核事業は窓であり、単にブラウザを動作させるために使用され、彼はJSはメソッドおよびDOM BOMのすべてをカプセル化するブラウザインタフェースにアクセスします。
なぜそれが疑いのビット、このパッケージのDOM方法とすることができるん
私たちは、私たちは私たちの事業の多くは、BOM内の動作しているように、私たちの中核事業BOMのことを知っているウィンドウの前面に、ウィンドウであることを理解することができますしている場合我々は、我々はスコープを説明するために使用することをグローバルスコープを理解するために来ることができますの
2.次に、私たちは(私はここにあるリストたちは、より一般的に使用されるということである)以下のBOMの子どものいるを見て
(1).doncument:これは、主なものは、HTML APIの動作である、私たちのDOMです
(2).event:状態要素イベントオブジェクト、イベントが発生し、キーボードの状態、マウスボタンのマウス位置
場合は、イベントオブジェクトを生成しますか?
ユーザが要素をクリックしたとき、我々は、この要素を与えるイベントがトリガされるレジスタ、イベントの性質は、基準イベントオブジェクトを受信する形状と機能の関数です。
イベントは、通常の関数と組み合わせて使用されているイベントが発生する前に、関数が実行されません!
イベントの流れ:
私たちが見たときバブリングイベントは、イベントを考えます
バブルとは何ですか:クリックイベントを持つ要素をユーザーがクリックすると、同じイベントでもその祖先がトリガされる場合は、要素の最初からこのイベントは、DOMツリーの最上部にバブリングされましたイベントバブリングとして知られているプロセス
ここで私は、私たちは何を理解するためにいくつかの写真を見つけました
イベントをボトムアップがされてバブリング(ここで覚えていることは、これは親要素の動きに追従することです)
でも行動をバブリングさがあり、それは確かに行動をバブリング停止することがあります
ここでオファー2:
するevent.stopPropagation();
event.CanlelBubble =トゥーレ; // IEの古いバージョンに固有
キャプチャ:上から下まで、各親要素に結合同じイベントを記録します
ターゲット出発:ターゲット要素にイベントハンドラをトリガ
(3)歴史:ブラウザの履歴
プロパティ:長さは、履歴リストにURLをブラウザの数を返します。
ウィンドウが開いたらカプセル化は、URL履歴スタックにアクセスしました
方法:バック()URL
URLの前にforWord()
go();某一个具体页面的数值,0为刷新
(4)location:窗口的URL地址栏信息
属性:.href:保存完整的URL地址
.protocol http https
.host 端口号 hostname 主机名 port 端口号
.path 相对路径
.hash 锚点 哈希
. search 查询字符串
方法:assign(“URL”);在当前窗口打开新的URL地址
replace(“URL”);在当前窗口打开新的URL地址,禁止后退,因为使用新的URL替换旧的URL
reload(false/true);重新加载当前页面
(5)screen显示设备的信息
(6)浏览器的配置信息
接下来是几个坐标事件
e.screenX e.screenY 相当于屏幕的
e.clientX e.clientY相当于文本显示区
e.offsetX e.offsetY 相对于当前元素的
这几个不要记混了
ele.offsetHeight//元素在网页的实际高度
ele.offsetWidth/元素在网页的实际宽度
我们还要注意
我们在js当中添加的样式是行内样式,当我们拿外部样式是拿不到的;我们在js里面想拿外部样式可以通过
getcomputedStyle(ele).width 他是不可改的