window对象
窗口位置
1.screenLeft返回浏览器窗口左上角相对于当前屏幕左上角的水平距离,不兼容火狐;
2.screenTop返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离,不兼容火狐
3.screenX功能同screenLeft,兼容火狐
4.screenY功能同screenTop。兼容火狐
窗口大小
- innerWidth返回网页在当前窗口中可见部分的宽度,包含滚动条宽度;
- innerHeight返回网页在当前窗口可见部分高度,包含滚动条的高度
- outerWidth返回浏览器窗口宽度,包含浏览器菜单和边框
- outerHeight返回浏览器窗口高度,包含浏览器菜单和边框
console.log(window.screenX, window.screenY);
console.log(window.innerWidth,window.innerHeight)
console.log(window.outerWidth,window.outerHeight)
打开窗口
1.window.open()
打开一个新的浏览器窗口,接受四个参数(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)
2.window.close()
关闭新打开的窗口(仅限open()打开的窗口)
//2. open() close()
function to() {
window.open('lurenjia.html', '_blank', 'width=500, height=500');
}
window子对象
screen对象
功能:包含显示设备的信息
location对象
功能:保存当前文档信息。将URL解析为独立片段
属性:
- href:返回当前页面完整的URL,修改此属性可以跳转新页面
- hash:返回URL中的hash(#后跟零或多个字符)
- host:返回服务器名称和端口号
- port:返回服务器端口号
- pathname:返回URL中的目录和文件名
- hostname:返回不带端口号的服务器名称
- protocol:返回页面使用协议
- search:返回URL的查询字符串,字符串以?开头
3. location 地址栏
function to() {
// a标签跳转的原理
location.href = 'lurenjia.html';
}
navigator对象
功能:提供一系列属性用于检测浏览器
online:是否联网
userAgent:浏览器嗅探,检测浏览器的类型
// 4. navigator 浏览器状态
console.log(navigator,navigator.userAgent);
// 判断是否是移动端
function isMobile() {
// 移动端操作系统
var mobiles = ["Android", "iPhone", "iPad", "iPod", "Symbian", "BlackBerry"];
for (var i=0; i<mobiles.length; i++) {
if (navigator.userAgent.indexOf(mobiles[i]) !== -1) {
return true;
}
}
return false;
}
history对象
功能:保存用户上网的历史记录
方法,属性:
1.go()在用户历史记录中任意跳转,接受一个参数,表示前后跳转页数的整数值(后退-1;前进1),也可传字符串参数,跳转到第一个包含该字符串的位置
2.back()后退
3.forward()前进
4.length属性保存历史记录的数量