19-第十九章 BOM

19-第十九章 BOM
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

Window 对象它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
HTML DOM 的 document 也是 window 对象的属性之一

1.window.document.getElementById("header");
一 Window 对象属性
1 ）document Document 对象
2 ）location 浏览器地址信息
Location 对象属性:

对象属性描述
window.location.href = 设置或返回完整的 URL。
window.location.search = 设置或返回 url?,?+后面的内容。
window.location. hash = 设置或返回 url#后面的内容
window.location.port 设置或返回当前 URL 的端口号。
window.location.hostname 设置或返回当前 URL 的主机名。
window.location.host 设置或返回主机名和当前 URL 的端口号
window.location.pathname 设置或返回当前 URL 的路径部分
window.location.protocol 设置或返回当前 URL 的协议
3 ）history 历史记录
History 对象包含用户（在浏览器窗口中）访问过的 URL。

属性
length 返回浏览器历史列表中的 URL 数量。
方法
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。
下面一行代码执行的操作与单击两次后退按钮执行的操作一样：

1.history.go(-2)
4 ）Navigator 对 Navigator 对象的只读引用
1.window.navigator.userAgent 浏览器信息

2.//alert( window.navigator.userAgent )
3.if ( window.navigator.userAgent.indexOf('MSIE') != -1 ) {

alert('我是ie');
} else {
alert('我不是ie');
7.}
二 Window 对象方法
01 ） open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
window.open(url,target)
2.open(地址默认是空白页面，打开方式默认新窗口) 打开一个新窗口

     window.open('http://www.baidu.com', '_self');

           var opener = window.open();//返回值 返回的新开页面的window对象

           opener.document.body.style.background = 'red';

```
   window.close()
```

   opener.close();//可以通过关闭用window.open方法打开的窗口

02 ） close() 关闭浏览器窗口。
03 ） setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
04 ） setTimeout() 在指定的毫秒数后调用函数或计算表达式。
05） clearInterval() 取消由 setInterval() 设置的 timeout。
06 ） clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
07）scrollTo() 把内容滚动到指定的坐标。
1.document.onclick = function(){

```
       window.scrollTo(0,500);
```
```
   }
```

8 ）scrollBy()
scrollBy(xnum,ynum) 指定的像素值来滚动内容。不带px
xnum 必需。把文档向右滚动的像素数。
ynum 必需。把文档向下滚动的像素数。

1.document.onclick = function(){

```
       window.scrollBy(0,500);
```
```
   }
```

9 ）alert( 内容 ) 警告框
alert( 内容 )``警告框经常用于弹出警告信息，无返回值

10 ）confirm(“文本”) 确认框
confirm(“文本”)``确认框用于使用户可以验证或者接受某些信息。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

11 ）prompt(“文本”,”默认值”)
prompt(“提示”,”默认值”)提示框经常用于提示用户在进入页面前输入某个值。
如果用户点击确认，那么返回输入的值。如果用户点击取消，那么返回值为 null。

1.function disp_prompt()

{
var name=prompt("请输入您的名字","Bill")
if (name!=null && name!="")
{
document.write("你好！" + name + " 今天过得怎么样？")
}
}
二 window对象常用事件
onload 文档加载完毕
onscroll 滚动的时候
onresize 调整尺寸的时候

19-第十九章 BOM

你可能感兴趣的:(19-第十九章 BOM)