• (转)浏览器对象window,history,location,navigator,screen


    1.window对象:当前的浏览器窗口

     window对象是BOM的核心,window对象指当前的浏览器窗口

     所有JavaScript全局对象、函数以及变量均自动成为window对象的成员

    全局变量是window对象的属性

     全局函数是window对象的方法

    方法:

     1. setInterval(函数,时间(毫秒单位))

    2. clearInterval(定时器对象)

    3. setTimeout(函数,延时时间(毫秒单位))

    4. clearTimeout(延时器对象)

    属性:

    window.innerWidth:页面视口宽

    window.innerHeight:页面视口高

    2.history对象:浏览器历史记录的集合

    属性:length;历史列表中url数量

    方法:

    history.back( )  与在浏览器点击后退按钮效果相同

    history.forward( ) 与在浏览器中点击按钮向前相同

     

    history.go( )  进入历史中的某个页面(可以使用该方法做登录成功之后跳转到上一个页面):history.go(-1);

    3.location对象:对象用于获取当前页面的地址(URL),并把浏览器重定向到新的页面

    location.pathname 返回当前页面的路径和文件名

    location.port 返回web主机的端口

    location.protocol 返回所使用的web协议(http://或https://)

    location.href  属性返回当前页面的URL

    location.href = "目标网址"; 跳转到目标网址

    location.hash; 获取地址栏的锚点信息。 (#及后面的信息,如果不含,则返回空)

    location.search; 获取地址栏里的url参数信息。(即从 ? 开始的信息)

    location.assign( ) 改变浏览器的位置,url跳转

    4.screen对象:获取用户屏幕的信息

    window.screen.height; 屏幕分辨率高,width时是获取宽。单位px
    window.screen.availHeight; 屏幕可用高,availWidth是获取可用宽,单位px

    5.navigator对象:浏览器信息

    navigator.userAgent; 用户代理,声明了浏览器用于 HTTP 请求的用户代理头的值。(爬虫常用)
    navigator.appVersion; 返回浏览器的平台和版本信息。
  • 相关阅读:
    布局总结记录:居中、整页、多列、圣杯、双飞翼等布局看过来!
    BFC系统理解,文字环绕布局左右自适应布局揭秘!
    CSS变量,实现条形加载
    CSS盒模型理解
    回流与重绘理解,助攻CSS
    ASP.NET压力测试
    steelray project viewer
    设置文件上传的最大大小
    Ext.grid.GridPanel属性及方法等
    Extjs Ext.grid.column.Column 隐藏显示列
  • 原文地址:https://www.cnblogs.com/ceceliahappycoding/p/10672423.html
Copyright © 2020-2023  润新知