JavaScript操作BOM对象

  浏览器对象模型(BOM)是JS的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供程序设计人员使用,从而降低开发的劳动量,提高设计Web页面的能力。

  1.window对象

    1.1window对象的常用属性

      history      有关客户访问过的URL的信息

      location       有关当前URL的信息

      screen       只读属性,包含有关客户端显示屏幕的信息

    在JS中属性的语法的格式如下:

      window.属性名="属性值";    

    1.2window对象的常用方法

      prompt()                    显示可提示用户输入的对话框,有两个参数,是输入对话框,点"取消"返回null,点确定则返回用户输入的值

      alert()         显示一个带有提示信息和一个"确定"按钮的警示对话框,仅显示警告对话框的消息,无返回值,不能对脚本产生任何改变,只有一个参数,

      confirm()      显示一个带有提示信息、"确定"和"取消"按钮的对话框,单击"确认"返回true,单击"取消"返回false

      close()       关闭浏览器窗口

      open()      打开一个新的浏览器窗口,加载给定URL所指定的文档

      setTimeout()    在指定的毫秒数后调用函数或计算表达式

      setInterval()    按照指定的周期(以毫秒计)来调用函数或表达式

    2.history对象

      2.1history对象的方法

        back()     加载history对象列中的前一个URL,back()方法会让浏览器加载前一个浏览过的文档,等效于浏览器中的"后退"按钮

        forward()   于back()相反

        go(n)  n是一个具体的数字,当n>0时,装入历史列表中往前数的第n个页面,当n=0时,装入当前页面;当n<0时,装入历史列表中往后数的第n个页面 

    3.location对象

  location对象提供当前页面的URL信息,并且可以重新装载当前页面或装入新页面

    3.1location对象的属性

      host          设置或返回主机名和当前URL的端口号

      hostname 设置或返回当url的主机名

      href        设置或返回完整的URL

     3.2 location对象的方法

      reload()    重新加载当前文档

      replace()   用新的文档替换当前文档

    4.  document对象  

    document对象的常用方法

   getElementById()            返回对拥有指定id的对一个对象的引用

    getElementByName()     返回带有指定名称的对象的集合

    getElementByTagName()     返回带有指定标签名的对象的集合

    write()           向文档写文本,HTML表达式或JS代码

    5.定时函数

    5.1.1.setTimeout("调用的函数名称",等待的毫秒数)                  用于在指定的毫秒后调用函数或计算表达式

      2.serInterval("调用的函数名称",周期性调用函数之间间隔的毫秒数) 

      serInterval ()会不停地调用函数,直到窗口被关闭或被其他方法强制停止。

      3.clearTimeout()和clearInterval()

      clearTimeout()函数用来清除由setTimeout()函数设置的定时器 ,语法如下:

      clearTimeout(setTimeout()返回的ID值);

      clearInterval()函数用来清除由serInterval ()函数设置的定时器 ,语法如下:

      clearInterval(serInterval ()返回的ID值);

posted @ 2019-06-04 09:28  天戈  阅读(249)  评论(0编辑  收藏  举报