js BOM

最新推荐文章于 2024-11-19 18:47:15 发布

马踏四方

最新推荐文章于 2024-11-19 18:47:15 发布

阅读量371

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/wellima/article/details/50363689

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了BOM（浏览器对象模型）在JavaScript与浏览器对话过程中的作用，详细介绍了window对象、screen对象、location对象、历史操作、navigator对象及计时器等关键概念，同时讲解了如何使用cookie进行数据存储。

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

BOM (浏览器对象模型)，js与浏览器对话

1、window对象，表示浏览器窗口；全局变量是window对象的属性，全局方法是window对象的方法。

2、window.screen 表示用户屏幕信息

screen.availWidth, screen.availHeight 可用的屏幕宽度、高度

3、window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

location.href 返回当前页面的url；location.hostname 返回web主机的域名；location.assign( " http://www.baidu.com "); 加载一个新的文档

4、history.back(); history.forward(); // 浏览器后退，前进

5、Navigator对象获得浏览器信息

6、js计时器， var x = setTimeout( " js语句 " , 毫秒 ); clearTimeout()；取消setTimeout()

7、cookie：创建、存储cookie

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate() + expiredays)
document.cookie=c_name + "=" + escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}