js-BOM

BOM浏览器对象模型

BOM可实现功能:

弹出新的浏览器窗口
移动,关闭浏览器窗口以及调整窗口的大小
页面的前进,后退


window对象

常用属性
history 有关客户访问过的url的信息
location 有关当前url的信息
window.location="index.html"  实现跳转到index.html页面




常用方法:
prompt("显示信息","输入框默认值") 显示可提示用户输入的对话框
alert() 显示带有一个提示信息和一个确定按钮的警世框
confirm("对话框中显示的纯文本") 显示一个带有提示信息,确定和取消按钮的对话框
close() 关闭浏览器窗口
open() 打开一个新的浏览器窗口,加载给定url所制定的文档
setTimeout() 在指定的毫秒数后调用函数或表达式
setInterval() 按照指定的周期(以毫秒为单位)来调用函数或表达式


confirm例如:



var flag=confirm("确认删除?");
if(flag){
alert("删除成功!");
}else{
alert("取消成功!");
}


open:

window.open("弹出窗口的url","窗口名称","窗口特征")


<img src="shopping.jpg" onclick="open_adv()"/>
function open_adv(){
  window.open("adv.html");
}






location对象

常用属性:
host 设置或返回主机名和当前url端口号
hostname 设置或返回当前url的主机名
href 设置或返回完整的url
常用方法:
reload 重新加载当前文档
replace 用新的文档替换当前文档


例如
<a href="javascript:location.href='flower.html'">查看鲜花i详情</a>
<a href="javascript:location.reload()">刷新本页</a>
<a href="javascript:history.back()">返回主页面</a>


history对象

方法:
back() 加载history对象列表的前一个url,即上一页
forward() 加载history列表后一个url,即下一页

go(n)

n>0,跳转列表中往前数的第n个页面

n<0,跳转往后数的第n个页面
n=0,当前页面
history.go(1)代表前进1页,等价forward()
history.go(-1)代表后退1页,等价back()

猜你喜欢

转载自blog.csdn.net/qq1043002305/article/details/80962212