浏览器对象(js)

251 阅读3分钟
window充当全局作用域,而且表示浏览器窗口
window.innerWidth获取浏览器窗口的内部宽度 。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。
window.innerHeight获取浏览器窗口的内部高度
window.outerWidth获取浏览器窗口的整个宽
window.outerHeight获取浏览器窗口的整个高
window.close()关闭窗口
window.alert()弹出一个具有OK按钮的系统消息框,显示指定的文本
window.confirm("Are you sure?")弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值
window.prompt("What's your name?", "Default")提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回
window.defaultStatus默认的状态栏信息,可在用户离开当前页面前一直改变文本
window.open()打开一个新的浏览器窗口或者查找个已经命名的窗口
window.print()打印当前窗口的内容
window.focus()得到焦点
window.blur()移开焦点
window.moveBy()可相对窗口的当前坐标把它移动指定的像素
window.moveTo()把窗口的左上角移动到一个指定的坐标
window.resizeBy()按照指定像素调整窗口大小
window.resizeTo()把窗口的大小调整到指定的宽度和高度
window.scrollBy()按照指定的像素值来滚动内容
window.scrollTo()把内容滚动到指定的坐标
window.setTimeout()设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数
window.clearTimeout("")取消setTimeout()的设置
window.setInterval();无限次地每隔指定的时间段重复一次指定的代码
window.clearInterval("”)取消setInterval()的设置
window.history.go(-1)访问浏览器窗口的历史,负数为后退,正数为前进
window.history.back()返回前一个url
window.history.forward()返回下一个url
window.history.length可以查看历史中的页面数

请注意navigator的信息可以很容易地被用户修改,所以JavaScript读取的值不一定是正确的

navigator表示浏览器的信息
navigator.appName浏览器名称
navigator.appVersion浏览器版本
navigator.language浏览器设置的语言
navigator.platform操作系统类型
navigator.userAgent浏览器设定的User-Agent字符串
navigator.cookieEnabled如果启用cookie返回true,否则返回false
navigator.plugins安装在浏览器中的插件数组

判断浏览器不要用if/else很难维护 , 用||

//因为信息不准去很容易失效
var width;
if (getIEVersion(navigator.userAgent) < 9) {
    width = document.body.clientWidth;
} else {
    width = window.innerWidth;
}
var width = window.innerWidth || document.body.clientWidth;
screen表示屏幕的信息,也可用window.screen引用它
screen.width屏幕宽度 以像素计
screen.height屏幕高度 以像素计
screen.colorDepth返回颜色位数,如8、16、24
screen.availWidt窗口可以使用的屏幕的宽度 以像素计
screen.availHeight窗口可以使用的屏幕的高度 以像素计
location表示当前页面的URL信息
location.href当前载入页面的完整URL
location.portocolURL中使用的协议,即双斜杠之前的部分,如http
location.host服务器的名字,如www.wrox.com
location.hostname通常等于host,有时会省略前面的www
location.portURL声明的请求的端口,默认情况下,大多数URL没有端口信息,如8080
location.pathname/URL中主机名后的部分,如/pictures/index.htm
location.search执行GET请求的URL中的问号后的部分,又称查询字符串,如?param=xxxx
location.hash如果URL包含#,返回该符号之后的内容,如#anchor1
location.assign("http:www.baidu.com")要加载一个新页面,同location.href,新地址都会被加到浏览器的历史栈中
location.replace("http:www.baidu.com")同assign(),但新地址不会被加到浏览器的历史栈中,不能通过back和forward访问
location.reload(true /false)重新加载当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为false
document对象实际上是window对象的属性,document == window.document为true,是唯一一个既属于BOM又属于DOM的对象

image.png