JavaWeb DOM1

1、BOM的概述

browser object modal :瀏覽器對象模型。
瀏覽器對象:window對象。
Window 對象會在 <body> 或 <frameset> 每次出現時被自動建立。html

2、window的屬性

innerHeight:
innerWidth: IE不支持
通用寫法:document.body.clientWidth
document.body.clientHeight
self :等同於window對象
parent:是打開窗口的父窗口對象
opener:是打開窗口的父窗口對象。
2種狀況下使用opener:
1.使用winodw.open()方法打開的頁面
2.超鏈(裏面的target屬性要設置成_blank)
2種狀況下使用parent:
1.iframe 框架
2.frame 框架
frames[]: 數組類型,表明子窗口的window對象的集合,能夠經過frames[索引]拿到子窗口的window對象。數組

open方法,是打開一個頁面.瀏覽器

對話框:
1)消息框 alert() ;
2)確認框 confirm() ;
3)輸入框 prompt() ; 框架


定時器: htm

  • 1.setTimeout() :只會調用1次
  •   2.setInterval() :每隔一段時間調用1次


3. history對象對象

  • forward()前進
  • back() 後退
  • go(n) 正數是前進,負數是後退.

4. location對象blog

1.href 屬性: 是指要鏈接到其餘的URL索引

  • window.location.href='demo_window對象的close方法.html' ;
  • window.location='demo_window對象的close方法.html' ;

2.reload方法: 刷新seo

  • window.location.reload() ;

5.經常使用事件事件

鼠標移動事件

  • onmousemove(event) : 鼠標移動事件 event是事件對象。名字固定
  • onmouseover : 鼠標懸停事件
  • onmouseout : 鼠標移出事件

鼠標點擊事件

  • onclick

加載與卸載事件

  • onload
  • onunload

聚焦與離焦事件

  • onfocus
  • onblur

鍵盤事件

  • onkeypress
  • onkeyup
  • onkeydown

提交與重置事件

  • onsubmit
  • onreset

相關文章
相關標籤/搜索