09 - JavaScript BOM

一.open

windows.open("a.html","_blank","width=300","height=300,top=300");

单机事件
<input type="button" value="打开窗口" onclick="btn()">
btn = function(){
window.open("http://www.w3cschool.cn");
}

二.close

<input type="button" value="关闭窗口" onclick="btn()">
btn = function(){
window.close();
}

三.history

history.back() - 与在浏览器点击后退按钮相同 go(1)
history.forward() - 与在浏览器中点击向前按钮向前相同 go(-1)
history.length - 当前页面历史记录

四.location

location.href 返回完整的URL
hash 返回一个URL的锚部分(#后面)
search 返回一个URL的查询部分(？后面)

按钮跳转

html

<form action="">
<input type="text" id="userName">
<input type="password" id="upsw">
<input type="button" value="单机" onclick="btn()">
</form>

js

btn = function(){
if(userName.value == "admin"){
    location.href = 'a.html'
	 }
}

五.BOM-定时器

普通使用：

setInterval(function(){
    alert(1111111)
},1000)

配合使用：

demo = function(){
    document.write(1111111)
}
setInterval(demo,1000)

停止计时器：

demo = function(){
	document.write(1111111)
}
var time = setInterval(demo,1000)
clearInterval(time)

超时调用

demo = function(){
	document.write(1111111)
}
setTimeout(demo,1000)