1.浏览器对象模型(Browser Object Model)尚无正式标准。
由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。
2.window对象的常见方法
// 这个是做重复任务的
var timer = window.setInterval(function() { //按照指定的周期(以毫秒计)来调用函数或计算表达式。
console.info("hehe");
}, 1000);
// function fn() {
// console.info("嘿嘿");
// }
//
// // 定时任务
// setTimeout(fn, 5000);
setTimeout(function() {
// clearInterval(id)清除对应的setInterval
window.clearInterval(timer);
}, 5000);
function myClose() {
window.close(); //关闭浏览器窗口
}
function move() {
window.moveTo(100, 200); //把窗口的左上角移动到一个指定的坐标。
}
function move2() { //可相对窗口的当前坐标把它移动指定的像素。
moveBy(10, 20);
}
function goTop() {
window.scrollTo(0, 0) //把内容滚动到指定的坐标。
}
function openWin() {
//channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。
//directories=yes|no|1|0 是否添加目录按钮。默认为 yes。
// fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
// height=pixels 窗口文档显示区的高度。以像素计。
// left=pixels 窗口的 x 坐标。以像素计。
// location=yes|no|1|0 是否显示地址字段。默认是 yes。
// menubar=yes|no|1|0 是否显示菜单栏。默认是 yes。
// resizable=yes|no|1|0 窗口是否可调节尺寸。默认是 yes。
// scrollbars=yes|no|1|0 是否显示滚动条。默认是 yes。
// status=yes|no|1|0 是否添加状态栏。默认是 yes。
// titlebar=yes|no|1|0 是否显示标题栏。默认是 yes。
// toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是 yes。
// top=pixels 窗口的 y 坐标。
// width=pixels 窗口的文档显示区的宽度。以像素计。
open("http://www.baidu.com", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
}
3.history对象
function gotos() {
window.history.forward(); //加载 history 列表中的下一个 URL。
}
function goback() {
window.history.back(); //加载 history 列表中的前一个 URL。
}
function gos() {
/**
* go方法的参数
* 如果是正数,表示向前走对应的步数
* 如果是负数,表示向后退对应的步数
*/
history.go(-1)
}
4.screen对象
// 电脑的分辨率的宽和高
console.info(window.screen.height) //返回显示屏幕的高度。
console.log(screen.width) //返回显示屏幕的宽度。
console.info(screen.availHeight) //返回显示屏幕的高度 (除 Windows 任务栏之外)。
console.info(screen.availWidth) //返回显示屏幕的宽度 (除 Windows 任务栏之外)。
// 浏览器用户代理对象
console.info(navigator.userAgent); //userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
5.location对象
setTimeout(function() {
// 重新加载页面
// location.reload();
}, 3000);
/**
* hash 设置或返回从井号 (#) 开始的 URL(锚)。 4 1 9
host 设置或返回主机名和当前 URL 的端口号。 4 1 9
hostname 设置或返回当前 URL 的主机名。 4 1 9
href 设置或返回完整的 URL。 4 1 9
pathname 设置或返回当前 URL 的路径部分。 4 1 9
port 设置或返回当前 URL 的端口号。 4 1 9
protocol 设置或返回当前 URL 的协议。 4 1 9
search 设置或返回从问号 (?) 开始的 URL(查询部分)。
*/
console.info(location.hostname)
console.info(location.port)
console.info(location.host)
console.info(location.href)
console.info(location.protocol)
console.info(location.pathname)
console.info(location.hash)
console.info(location.search)
function gotos() {
location.href = "http://www.baidu.com";
// location.href = location.href.replace("05")
}