2016-06-24 js BOM对象

BOM对象:

  Browser Object Model 即浏览器对象模型;

  包含:

    window:窗口对象

      alert();//警示框

      confirm();//确认框

      prompt();//输入提示框

      定时器:

        执行一次

          setTimeout( function () {} , 时间 ) ->延时执行,返回本对象;

          clearTimeout(obj)->清除定时器obj;

        循环执行

          setInterval( function () {} , 时间)->间隔执行,返回本对象;

          clearInterval(obj)->清除定时器obj;

        #定时器可以累加,会导致被定时的元素运行频率紊乱,个人认为在调用定时器之前先清除本定时器对象会解决这个问题;

    nevigator:浏览器特性

      nevigator.userAgent;//通过这个属性,可以打印出当前浏览器内核信息;可以通过正则匹配关键字(ie->trident ,火狐->firefox, 谷歌->chrome)用来区分浏览器,从而解决兼容性问题!

    screen:屏幕对象

      属性

        wifth->获取当前显示器的宽度//1440

        height->获取当前显示器的的高度//900

        availwidth->获取显示器的有效宽度//440

        availheight->获取显示器的有高度//856(少了底部任务栏的高度)

    location:地址栏

      属性

        url="http://www.baidu.com.index.php#abc?name=Tom&age=18"

        location.hash->获取当前地址的锚点//#abc

        location.host->获取当前地址的主机名//www.baidu.com

        location.url->获取当前地址//http://www.baidu.com.index.php#abc?name=Tom&age=18

        location.pathname->获取当前地址的文件名称//index.php

        location.protocol ->获取当前地址的协议 // http://

        location.search ->获取当前地址的参数// ?name=Tom&age=18

    history:历史记录

      方法

        forward()->//下一个历史

        back()->//上一个历史

        go(1)->//下一个历史

        go(-1)->//上一个历史

    document: 文档

      详情在本人js DOM对象随笔中

猜你喜欢

转载自www.cnblogs.com/miaoxingren/p/9220512.html
今日推荐