window对象
window对象是BOM的核心,window对象指当前的浏览器窗口。
window对象方法:
方法 |
描述 |
alert() |
显示带有一段消息和一个确认按钮的警告框 |
prompt() |
显示可提示用户输入的对话框 |
confirm() |
显示带有一段消息以及确认按钮和取消按钮的对话框 |
open() |
打开一个新的浏览器窗口或查找一个已命名的窗口 |
close() |
关闭浏览器窗口 |
print() |
打印当前窗口的内容 |
focus() |
把键盘焦点给予一个窗口 |
blur() |
把键盘焦点从顶层窗口移开 |
moveBy() |
可相对窗口的当前坐标把它移动指定的像素 |
moveTo() |
把窗口的左上角移动到一个指定的坐标 |
resizeBy() |
按照指定的像素调整窗口的大小 |
resizeTo() |
把窗口的大小调整到指定的宽度和高度 |
scrollBy() |
按照指定的像素值来滚动内容 |
scrollTo() |
把内容滚动到指定的坐标 |
setInterval() |
每隔指定的时间执行代码 |
setTimeout() |
在指定的延迟时间之后再执行代码 |
clearInterval() |
取消 setInterval() 的设置 |
clearTimeout() |
取消 setTimeout() 的设置 |
History 对象
history对象记录了浏览器曾经浏览过的页面(URL),并可以实现浏览器前进和后退相似导航的功能。
注:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
History对象属性:
属性 |
描述 |
length |
返回浏览器历史列表中的 URL 数量 |
语法: window.history.length
History对象方法:
方法 |
描述 |
back() |
加载 history 列表中的前一个 URL |
forward() |
加载 history 列表中的下一个 URL |
go() |
加载 history 列表中的某一个具体的页面 |
back() 相当于 go(-1)
forward() 相当于 go(1)
Location 对象
location 用于获取或设置窗体的URL,并且可以用于解析URL。
location对象属性:
属性 |
描述 |
hash |
设置或返回从井号(#)开始的 URL(锚) |
host |
设置或返回主机名和当前URL的端口号 |
hostname |
设置或返回当前 URL 的主机名 |
href |
设置或返回完整的 URL |
pathname |
设置或返回当前 URL 的路径部分 |
port |
设置或返回当前 URL 的端口号 |
protocol |
设置或返回当前 URL 的协议 |
search |
设置或返回从问号(?)开始的 URL (查询部分) |
location 对象方法:
方法 |
描述 |
assign() |
加载新的文档 |
reload() |
重新加载当前文档 |
replace() |
用新的文档替换当前文档 |
Navigator 对象
Navigator对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
Navigator对象属性:
属性 |
描述 |
appCodeName |
浏览器代码名的字符串表示 |
appName |
返回浏览器的名称 |
appVersion |
返回浏览器的平台和版本信息 |
platform |
返回运行浏览器的操作系统平台 |
userAgent |
返回由客户机发送服务器的 user-agent 头部的值 |
userAgent: 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)。
语法: navigator.userAgent
点击查看代码
function validB () {
var u_agent = navigator.userAgent;
var B_name = "Failed to identify the browser";
if(u_agent.indexOf("Firefox") > -1){
B_name = "Firefox"
} else if (u_agent.indexOf("Chrome") > -1) {
B_name = "Chrome"
} else if (u_agent.indexOf("MSIE") > -1 && u_agent.indexOf("Trident") > -1 ) {
B_name = "IE(8-10)"
}
document.write("B_name: " + B_name + "<br>");
document.write("u_agent:" + u_agent + "<bar>")
}
screen 对象
screen对象用于获取用户的屏幕信息
语法:window.screen.属性
属性 |
描述 |
availHeight |
窗口可以使用的屏幕高度,单位像素 |
availWidth |
窗口可以使用的屏幕宽度,单位像素 |
colorDepth |
用户浏览器表示的颜色位数,通常为32位(每像素的位数) |
pixelDepth |
用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性) |
height |
屏幕的高度,单位像素 |
width |
屏幕的宽带,单位像素 |
屏幕可用高度和宽度:
screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。
screen.availHeight 属性返回访问者的屏幕的高度,以像素计,减去界面特性,比如任务栏。
注意:不同系统的任务栏默认高度不一样,以及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和可用高度不一样。
获取屏幕的可用高和宽:
点击查看代码
<script type="text/javascript">
document.write("可用宽度:" + screen.availWidth);
document.write("可用高度:" + screen.availHeight);
</script>