【JS】【三大部分之BOM】【window属性,弹窗,定时器】

BOM是浏览器对象模型,即window对象.
简介window常用的属性和方法.

document对象

document即DOM,文本对象,是BOM的重要属性之一

//连接对象
document.links;            //返回所有的连接对象
document.links.length;     //返回连接对象的个数
document.links[0];         //返回第一个连接对象
document.links[0].innerHTML;//返回返回第一个连接对象的内容
document.links[0].href;    //返回返回第一个连接对象的网址
//表单对象
document.forms;             //返回所有表单对象
document.forms[0];      //返回第一个表单对象
document.forms[0].action;   //返回第一个表单对象的提交网址
document.forms[0].submit(); //提交第一个表单
//向网页输出
document.write("XXX");     //会先清空网页

location对象

通过该对象可以在js中控制网页的网址

location.href;  //返回当前页面网址
location.href="http:www.baidu.com"; //跳转到https:www.baidu.com(不加http,则会跳转到:资源名+www.baidu.com(404错误))
location.host;  //返回当前页面端口号

history对象

访问历史记录

<a href="javaScript:history.back();">上一个页面</a>
<a href="javaScript:history.forward();">下一个页面</a>
<a href="javaScript:history.go(-1);">上一个页面</a>
<a href="javaScript:history.go(1);">下一个页面</a>

navigator对象

navigator.userAgent;//返回浏览器相关信息,可以判断ie浏览器

window的方法

• 弹出框

//消息框
alert("XXX");
<a href="https:www.baidu.com" onclick="alert("将跳转到百度");">去百度一下</a>

//对话框
var username=prompt('You Name?','armo');//等待用户输入并返回执行业务逻辑的函数

//确定框  常用于增删改操作,直接确定才会执行操作,记得写return
<a href="https:www.baidu.com" onclick="return confirm('是否确定执行?');">去百度一下</a>

• 新窗口

<a href="https:www.baidu.com">去百度一下</a> //新的域名打开新窗口
<a href="MyWeb/input.jsp">XXX</a>      //自己的域名修改当前网址
window.open("XXX");      //打开新窗口
location.href="XXX";     //修改当前网址

• 定时器

1.指定时间后,执行一次某函数
设置: var timeout=setTimeout(fn,ms);
清除:clearTimeout(timeout);

//5秒后,新窗口打开一个百度
window.onload=function(){
//设置定时器
    var fn =function(){window.open("https:www.baidu.com");}
    var timeout=setTimeout(fn, 5000);

//取消定时器  只要页面没传递true/false,就不会去跳转
    if(confirm('是否取消跳转')){
        clearTimeout(timeout);
    }
    }

2.指定时间,周期性执行某函数
设置:var interval=setInterval(fn, ms);
清除:clearInterval(interval);

//每隔2秒.打开一次百度窗口
window.onload=function(){
//设置周期定时器
    var fn =function(){window.open("https:www.baidu.com");}
    var interval=setInterval(fn, 2000);

//10秒后取消周期定时器
    varfn2=function() {clearInterval(interval);}
    setTimeout(fn2, 10000)
    }