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 整个屏幕的宽度