BOM浏览器对象

BOM浏览器对象模型

浏览器对象模型是用于描述对象与对象之间层次关系的模型，该对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

141630336.png)]

window对象常用属性

history：浏览历史 用于保存当前页面浏览记录

location：本地地址 用于保存当前页面浏览地址

document：文档对象 用于保存设置当前页面展示内容

在浏览器中默认使用window对象所以可以直接使用window的属性名.方法进行书写,每个新的窗口都会创建一个新的窗口对象，在当前窗口中就是使用当前窗口创建的window对象

history对象

代表历史对象可以对历史页面进行跳转，但前提是有历史对象

back() 加载history列表中的前一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体页面

history.back();//返回上一层
history.forward()://进入下一层
history.go(数值);//进入指定数值位置  正数下几页  负数返回几页  0 刷新

location对象

href 设置或返回完整的URL
reload() 重新加载当前文档

location.reload();//重新加载当前页面
alert(location.href); //获取当前页面地址
location.href = "https://www.baidu.com";//将当前页面跳转至指定url

a标签额外用法

使用a标签执行js代码

在href中书写javascript：要执行的脚本语句

<a href="javascript:alert('点个锤子')"><button>按钮</button></a>

Screen浏览器屏幕对象

可以获取当前浏览器屏幕相应的属性（获取当前屏幕分辨率）

    <script type="text/javascript">
        var width = screen.availWidth; //返回显示屏幕的宽度(除 Windows 任务栏之外)
        var height = screen.availHeight; //返回显示屏幕的高度
        var showWidth = screen.width; //返回显示器屏幕的宽度。
        var showHeight = screen.height; // 返回显示屏幕的高度。
        document.write("width:" + width + "<br/>height:" +
            height + "<br/>showWidth:" + showWidth + "<br/>showHeight:" + showHeight);
        if (showWidth < 1700 || showHeight < 1000) {
            alert("为保证你的浏览器效果，\n请调整屏幕分辨率。");
        }
    </script>

window常用方法

open() 打开一个新的浏览器窗口或查找一个已命名的窗口
close() 关闭浏览器窗口
scrollTo(xpos,ypos) 把内容滚动到指定的坐标
setInterval(code,millisec) 按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout(code,millisec) 在指定毫秒数后调用函数或计算表达式
clearInterval(var) 取消由setInterval设置的timeout
clearTimeout(var ) 取消由setTimeout设置的timeout
alert(“”) 显示带有一段消息和一个确认按钮的警告框
confirm(“”) 显示带有一段消息以及确认按钮和取消按钮的对话框
prompt(“”,””) 显示可提示用户输入的对话框

js函数简单书写

语法：

function 方法名（）{方法体}