JavaScript浏览器对象

javaScript通常包括两种类型:内置对象,浏览器对象。   此外还有我们的自定义对象。

    下面我们先来了解一下浏览器对象

                      所有浏览器对象表:


浏览器对象
对象含义
anchor当前文档中设置了name属性的超链接
applet当前文档中的小程序
area客户端图形映射中的区域
button表单中的按钮
checkbook表单中的复选框
document当前窗口中的HTML文档
embed当前窗口中的嵌入对象
event浏览器中发生的事件
fileUpload表单中的文件选择框
form当前文档中的表单
frame当前窗口中的框架
hidden表单中隐藏字段
history

浏览器访问过的url历史记录

image当前文档中的图形文件
link当前文档中设置了href属性的超链接
location浏览器当前显示网页的URL
mimeType浏览器支持的特定MIME类型信息
navigator当前浏览器
option表单中选项菜单的选项
password表单中的口令框
plugin当前浏览器中的插件
radio表单中的单选框
reset表单中的重置按钮
screen用户屏幕
select表单中的选项菜单
submit表单中的提交按钮
text表单中的单行文本框
textarea表单中的多行文本框
window浏览器窗口或窗口中的框架

下面详细解介绍几个比较重要的


 1.Window对象:

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

          所有JavaScript的全局对象、函数以及变量,都是Window对象的成员。

         全局变量是Window对象的属性。

         全局函数是Window对象得方法。

          ::HTML的DOM里面的document也是Window对象的属性之一。

      Window的尺寸:

          window.innerHeight       浏览器窗口的内部高度

          window.innerWidth         浏览器窗口的内部宽度

      Window的部分方法:

          window.open()            打开一个新窗口

          window.close()            关闭当前窗口

          setInterval()                间隔指定的毫秒数不停地执行指定的代码。

                      clearInterval()   停止setInterval()指定执行的代码

          setTimeout()              延迟指定毫秒数后执行指定代码(只执行一次)

                     clearTimeout()   停止执行setTimout()方法的函数代码

         (此处的window可以省略,由于window是大部分对象的父类,所以可以省略)

     

                  

2.History对象

           window.history对象里包含着历史(URL)的集合。

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

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

           history.go();         进入历史中的某个界面


3.Location对象

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

            location的属性:

            location,href;          返回当前页面的URL

            location.hostname    返回web主机的域名

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

            location.port              返回当前界面的端口号

            location.protocol       返回当前界面所使用的web协议(http://货https://)


4.Screen对象

             window.screen对象包含着用户屏幕的信息

             属性:

             screen.availWidth            可用的屏幕宽度

            screen.availHeight             可用的屏幕高度

            screen.Height             整个屏幕的高度

             screen.width              整个屏幕的宽度

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值