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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值