BOM:浏览器对象模型
window是浏览器的顶级对象
定义的全局变量或全局方法都会在window对象下体现
var age = 30; function getAge(){ return age; } console.log(window)
在全局或方法中,this关键字代表的是window对象
var age = 30; function getAge(){ console.log(this) return age; } getAge(); console.log(this == window) ==>true
window.open():打开一个新窗口
参数1:打开的链接地址
注意
链接地址可以为网络地址,也可以为本地地址
参数2:窗口的名称
参数3:窗口的属性
window.close():关闭一个新窗口
<a href="javascript:;">打开窗口</a>
<script> var a = document.querySelector('a'); a.onclick = function(){ window.open('02.html','02网页','width=400,height=400'); } </script>
location:
host:域名(ip地址)+端口号
hostname:域名(ip地址)
href:返回全路径,也可以用来做重定向
window.location.href = "02.html";
pathname:路径名称
port:端口号
protocol:网络协议(http/https)
reload():重载(刷新)
<a href="javascript:;">刷新</a>
<script> var a = document.querySelector('a'); a.onclick = function(){ window.location.reload() } </script>
earch:参数
?username=%E5%BC%A0%E4%B8%89&age=30
history:历史
history.go(n):向前或向后跳转网页
注意事项:必须有访问历史才可以实现
forward():向前
back():向后
定时器:
setTimeout():定义一个定时器,在规定时间周期内只执行一次,时间为毫秒
格式:
var timer = setTimeout(function(){},时间)
clearTimeout():关闭定时器
setInterval():在规定时间周期内持续执行,时间为毫秒
格式:
var timer = setInterval(function(){},时间)
clearInterval():关闭定时器
setTimeout(function(){
console.log('Settimeout输出Hello Wolrd')
},1000)
setInterval(function(){
console.log('setInterval输出Hello Wolrd')
},1000)