BOM的基本操作和方法

1.BOm浏览器对象模型

window是Bom的顶级对象通常可以省略
所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法
Window对象下面的属性和方法调用的时候可以省略window

2.打开窗口

Window.open(url,target,param)
url要打开的地址
target新窗口的位置_blank_self_parent(父框架)
param新窗口的一些设置

a.function () {
    window.open("http://www.baidu.com","_blank");
}
b.function () {
    window.close();
}
param{
name":"hello",
"fullscreen":"no",
"width":"600px",
"height":"200px",
"location":"no"}
window.open("http://www.baidu.com","_blank",json);

3.window.close()关闭窗口

新窗口.moveTo(5,5) 新窗口.moveBy()
新窗口.resizeTo() Window.resizeBy()

b.function () {
    window.close();
}

4.location对象

a) Window.location,Location相当于浏览器地址栏,可以将URL解析成独立片段
Location对象的属性
href
hash 返回url中#后面的内容,包括#
host 主机名,包括端口
hostname 主机名
pathname url中的路径部分
protocol 协议一般是http、https
search 查询字符窜

div.function () {
    location.href="http://www.baidu.com";
}
console.log(location.hash);
    console.log(location.href);
    console.log(location.host);
    console.log(location.hostname);
    console.log(location.pathname);
    console.log(location.protocol);
    console.log(location.search);

b) location.assign()对象
改变浏览器地址栏的地址,并记录到历史中
**C) location.place()**替换浏览器地址栏中的地址,不记录到历史
D) location.onload()重新加载

5.navigator对象

Window.navigator的一些属性可以获取客户端的一些信息
-userAgent 系统浏览器
-platform 浏览器支持的系统,win/mac/linux

6.history对象

后退 history.back() history.go(-1) 0是刷新
前进 history.forward() history(1)

猜你喜欢

转载自blog.csdn.net/zuo_zuo_blog/article/details/89282021