码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 进阶学习 6 浏览器对象

时间:2016-05-03 18:19:33      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

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

   window对象方法

    技术分享

JavaScript 计时器  :在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
    计时器类型一次性计时器:仅在指定的延迟时间之后触发一次。
                         间隔性触发计时器:每隔一定的时间间隔就触发一次。
    计时器方法

                         技术分享

           计时器setInterval() :在执行时,从载入页面后每隔指定的时间执行代码。
                                   语法 :   setInterval(代码,交互时间);
                            参数说明:1. 代码:要调用的函数或要执行的代码串。

                                              2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
                               返回值:    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
                              调用函数格式(假设有一个clock()函数):
                                                   setInterval("clock()",1000)      或      setInterval(clock,1000)      
     

          取消计时器clearTimeout() :setTimeout()和clearTimeout()一起使用,停止计时器。
                                              语法 :   clearTimeout(id_of_setTimeout)
                                       参数说明 :    id_of_setTimeout :由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

History 对象 :记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
           注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
      语法:window.history.[属性|方法]         注意:window可以省略。

      技术分享

      技术分享

     返回前一个浏览的页面back()方法 : 加载 history 列表中的前一个 URL。
                                                   语法  :window.history.back();      //返回前一个浏览的页面,代码如下:window.history.back();
                                                   注意  :等同于点击浏览器的倒退按钮。  back()相当于go(-1)

     返回下一个浏览的页面forward()方法 :  加载 history 列表中的下一个 URL。如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:
                          window.history.forward();
                                                       注意 :等价点击前进按钮。   forward()相当于go(1)

     返回浏览历史中的其他页面go()方法 :根据当前所处的页面,加载 history 列表中的某个具体的页面。
                                                       语法 :window.history.go(number);

                                       技术分享

Location对象 :用于获取或设置窗体的URL,并且可以用于解析URL。
                   语法  :    location.[属性|方法]
     location对象属性图示:

      技术分享

     location 对象属性:

     技术分享

     location 对象方法:

     技术分享

Navigator对象 :包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
        对象属性 :

      技术分享

      userAgent :返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
               语法 :navigator.userAgent
            几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

       技术分享

screen对象  :用于获取用户的屏幕信息。
                 语法  : window.screen.属性
         对象属性   :

       技术分享

      屏幕分辨率的高和宽 :window.screen 对象包含有关用户屏幕的信息。
          1. screen.height 返回屏幕分辨率的高
          2. screen.width 返回屏幕分辨率的宽
            注意:1.单位以像素计。2. window.screen 对象在编写时可以不使用 window 这个前缀。

      屏幕可用高和宽度
          1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。
          2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。
          注意:不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。

JavaScript 进阶学习 6 浏览器对象

标签:

原文地址:http://blog.csdn.net/sinat_34765617/article/details/51302826

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!