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") }