BOM : 浏览器对象模型 ( Browser Object Model )
window是整个BOM的核心

Window对象的常用方法

方法名称

说明

prompt( )

显示可提示用户输入的对话框

alert( )

显示带有一个提示信息和 一个

confirm( )

显示一个 带有提示信息、确定和取消按钮的对话框

close( )

关闭浏览器窗口

open( )

打开一个新的浏览器窗口，加载给定 URL 所指定的文档

setTimeout( )

在指定的毫秒数后调用函数或计算表达式

setInterval( )

按照指定的周期（以毫秒计）来调用函数或表达式

confirm()与alert ()、 prompt()区别

alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变

<script>
function myFunction(){
    alert("你好，我是一个警告框！");
                      }
</script>
<body>
<input type="button" onclick="myFunction()" value="显示警告框" >
</body>

prompt( )：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息

<input type="button" value="点我" onclick="f()">
<div id="id"></div>
<script>
    function f() {
        var x;
        var person=prompt("请输入你的名字"," ");
        if(person!=null&&person!=" "){
            x=person+"我爱你！";
        }
        document.getElementById("id").innerText=x;
    }
</script>

confirm( )：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用

<input type="button" value="点我" onclick="f()">
<div id="id"></div>
<script>
    function f() {
        var x;
        var flag=confirm("按下按钮");
        if(flag==true){
            x="你按下了'确认'键";
        }else{
            x="你按下了'取消'键";
        }
        document.getElementById("id").innerText=x;
    }
</script>

history对象

名称

说明

back()

加载 history 对象列表中的前一个URL

forward()

加载 history 对象列表中的下一个URL

go()

加载 history 对象列表中的某个具体URL

history.back()===history.go(-1)—>浏览器中的“后退”
history.forward()===history.go(1)—>浏览器中的“前进”

location对象

名称

说明

host

设置或返回主机名和当前URL 的端口号

hostname

设置或返回当前URL 的主机名

href

设置或返回完整的URL

自动跳转到百度
<script>
        window.location.href="https://www.baidu.com";
 </script>

名称

说明

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

Document对象

名称

说明

getElementById()

返回对拥有指定id的第一个对象的引用

getElementsByName()

返回带有指定名称的对象的集合

getElementsByTagName()

返回带有指定标签名的对象的集合

write()

向文档写文本、HTML表达式或JavaScript代码

动态改变层，标签中的内容
document.getElementById(“book”).innerHTML=“替换后的文字”;