Javascript初学篇章_6（BOM）

Posted 2020-08-07 &nbsp

BOM 浏览器对象模型
BOM (浏览器对象模型），它提供了与浏览器窗口进行交互的对象

一、window对象

Window对 象表示整个浏览器窗口。
1.系统消息框 alert()

alert(\'hello world！\');

2.确认对话框 confirm() 

该方法返回一个boolean值，如果点击ok返回true,点击cancel返false;

if(confirm("确定要删除吗?")){

　　//删除 
}

3.输入对话框 prompt()

如果点击ok将文本框中的值作为函数值返回，如果点击cancel返回null

//如果用户不输入任何值或点击取消，那么脚本会一直弹出对话框
function requiredPrompt() {
    while(true) {
    var name = prompt("ssss");
    if(name != null && name != "") {
        console.log(name);
        break;
    }
    }
}

4. 打开新窗口 window.open()

window.open("http://www.baidu.com","_blank","width=300, height=200");

5.定时器setInterva() 、 setTimeout() 

定时器可以说是js前端最常用的工具，几乎所有的逐渐变化的动态效果都会使用到定时器，比如 说图片滚动,渐隐渐现,拖拽等等.定时器分两种分别是settimeout和setinterval. 

window.setInterval(); //设置循环定时器 
var T = window.setInterval(test,1000); // test:执行的代码串或函数 设置1000毫秒 
window.clearInterval(); //清除循环定时器
window.clearInterval(T); 
window.setTimeout(); //设置单次定时器 
var T = setTimeout(test,1000); // test:执行的代码串或函数 设置1000毫秒
window.clearTimeout() // 清除单次定时器
clearTimeout();

二、history对象

history对象是window对象的子对象，对应于浏览器的 历史记录。

window.history.go(-1);//跳转前一个页面
window.history.go(1);//跳转下一个页面
history.back();//跳转前一个页面 
history.forward();//跳转下一个页面

三、Location对象

Location对象也是window对象的子对象，通过它可以获取或设置浏览器的当前地址。
1.跳转到其它页面

window.location.href = "http://www.163.com";
location.href = "http://www.163.com";

2.重新载入页面（刷新) 

location.reload(); 

四、navigator对象 

Navigator对象包含着有关web浏览器的信息，它也是window的属性，可以用 window.navigator 引用它，也可以用navigator引用
例：获取浏览器内部代号，名称，操作系统等信息

var info = navigator.userAgent; 
alert(info);

效果图如下