JavaScript.之BOM-Windows对象

本文深入探讨了JavaScript的浏览器对象模型(BOM)和文档对象模型(DOM)的关键特性。详细介绍了window对象的属性和方法,包括位置、尺寸、状态、时间间隔函数、窗口控制等。同时,讲解了history、location、screen对象的功能,以及它们如何帮助开发者控制浏览器行为和获取设备信息。

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

JavaScript浏览器对象模型—window对象

    window对象是BOM中所有对象的核心

  一、属性

    1.(位置属性—获得浏览器的属性)

      IE:

      Window.screenLeft——可以获取浏览器距屏幕左上角的左边距

      window.screenTop——可以获取浏览器距屏幕左上角的上边距

      FF

      alert(screenX)

      alert(screenY)

      (获得浏览器的尺寸)

      FF.window.innerWidth——获得窗口的宽度

        window.innerHight——获得窗口的高度

     2.关系类型

        parent  返回父窗口

        top    返回顶层窗口

     3.stutas  设置窗口状态栏的文本

        window.stutas=“自定义状态栏文字”

  二、方法

    1.窗体控制

      对窗体的移动

      window.moveBy(x,y)相当于当前位置沿着X/Y轴移动指定的像素,如负数是反方向

      moveTo(X,Y)相对于浏览器的左上角沿着X/Y轴移动到指定的像素,如负数是反方向

      窗体尺寸的改变

      resizeBy(X,Y)相对于当前窗体的大小,调整宽度和高度

      resizeTo(X,Y)把窗体调整为指定宽度和高度

    2.对窗体滚动条的控制

      scrollBy(X,Y)相对于当前滚动条的位置移动的像素(前提有滚动条)

      scrollTo(X,Y)相对于当前窗口的高度和宽度,移动到指定的像素

    3.时间间隔的函数

      setinterval(“函数或者代码串”,指定的时间(毫秒))按照指定的周期(毫秒)不断的执行函数或者代码串

      clearInterval()

      settimeout(“函数或者代码串”,指定的时间(毫秒))在制定的毫秒数后只执行一次函数和代码串

      cleartimeout()

    4.打开新的窗口

      open(url,name,feafurse,replace)通过脚本打开新的窗口

 

JavaScript子对象 history、location、screnn对象

  一、history对象(包含浏览器访问过的url)

    1.属性

     length返回浏览器历史记录的数量

    2.方法

     back()  后退

     forWard()  前进

     go(number)如果参数是正数,那么就是前进相应的数目,如果是负数那么反之,如果是0,那么就是刷新

  二、location对象(包含有当前url的相关信息)

    1.属性

     href  设置或返回完整的url

     search   返回url后面的查询部分

    2.方法

     assign()    加载新的文档

     reload(Boolean) 重新加载文档,当参数是true,任何时候都会重新加载,false的时候,只有在文档改变的时候加载,否则直接读取内存当中的。

     replace()    用新的文档代替当前的文档(没有历史记录)

  三、screen对象

    记录了客户端显示屏的信息

    属性:

      avaiHeight    返回显示屏幕的高度(除window任务栏之外)

      avaiWidth    返回显示屏幕的宽度(除window任务栏之外)

      height      返回显示屏幕的高度

      width        返回显示屏幕的宽度

 

 

 

 

 

 

 

      

转载于:https://www.cnblogs.com/jacky912/p/10338207.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值