BOM

写给自己的信纸

于 2019-07-04 16:38:27 发布

阅读量441

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了浏览器对象模型（BOM）中的关键对象，包括Window、Navigator、Screen、History、Location等，解析了每个对象的用途及如何使用它们进行网页操作，如获取屏幕分辨率、访问历史记录、刷新页面和跳转等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器对象包括 
Window(窗口)
Navigator(浏览器)
Screen (客户端屏幕)
History(访问历史)
Location(浏览器地址)

1.窗口：

获取文档显示区域的高度和宽度

window.innerWidth
window.innerHeight

获取外部窗体的宽度和高度

window.outerWidth
window.outerHeight

2.浏览器

3.屏幕

document.write("用户的屏幕分辨率: ")
document.write(screen.width + "*" + screen.height)

document.write("可用区域大小: ")
document.write(screen.availWidth + "*" + screen.availHeight)

4.历史记录

 history.go(-2); //-1表示上次，-2表示上上次，以次类推

5.地址栏

//刷新当前页面
location.reload();

//跳转到另一个页面
location.assign("http://www.baidu.com");

p("协议:"+location.protocol);
p("主机名:"+location.hostname);
p("端口号 (默认是80，没有即表示80端口)location.port:"+location.port);
p("主机加端口号:"+location.host);
p("访问的路径: "+location.pathname);
p("参数列表: "+location.search);

6.弹出框

alert	警告框	
confirm	确认框	
prompt	输入框

7.计时器

//在制定的毫秒数时间后，执行一次 函数
setTimeout(printTime,3000); 

//重复执行
setInterval(printTime,1000);

//终止一个不断重复的任务
var t = setInterval(printTime,1000);
clearInterval(t);