首页 > 代码库 > Javascript初学篇章_6(BOM)
Javascript初学篇章_6(BOM)
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);
效果图如下
Javascript初学篇章_6(BOM)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。