BOM--window提供的系统方法(了解)

1.BOM

BOM：Browser Object Model 浏览器对象模型

console.log(window); //窗口  js中最大的一个对象

//document和window
//window--窗口  js中最大的一个对象
//document--文档，html文档

//所有的全局函数和全局变量都属于window,一般会省略window
    

1.1 window提供的系统方法(了解)

1.1.1 系统提供的对话框

//警告框
alert("今天周末，考试吗?");

//带确认对话框 confirm("确认信息")  确定---true   取消---false
var is = confirm("是否删除好友");

//带输入的对话框  prompt("提示信息",默认值)  确定---输入的值  取消--null
var mes = prompt("请输入身高",140);
console.log(mes);

1.1.2 open与close

 <!-- open():打开一个新窗口，如果写在行间，需要添加window-->
<button onclick='window.open("https://www.taobao.com/")'>淘宝</button>
<button onclick='cOpen()'>ujiuye</button>
<button onclick="window.close()">关闭</button>
<script>

    function cOpen(){
    //open(url,target,设置窗口信息，是否取代原有页面在浏览记录中的位置)
    //url：地址
    //target：_self   _blank
    //有返回值，返回新窗口的window
    var newWindow = open("http://www.ujiuye.com","_blank","width:800px;height:800px");
    newWindow.alert("web1116,到此一游");
}
</script>

1.1.3 location

//file:///E:/web%E7%AC%AC%E4%BA%8C%E9%98%B6%E6%AE%B5/day10%20BOM/08%20location.html#div?wd=%E5%85%83%E6%97%A6&user=txf
console.log(location);
console.log(window.location.href); //设置访问当前窗口显示的url地址
console.log(location.hash); //哈希  #div
console.log(location.search);//搜索内容  #div?wd=元旦&user=txf
console.log(location.protocol); //协议 http  https
setTimeout(function(){
    //location.href = "http://www.ujiuye.com";
    location.reload();//刷新
},3000);

• href：设置访问当前窗口显示的url地址，用于跳转到其他页面
• search：获取搜索内容 (.html后面的)
• hash：哈希 #div
• protocol：协议
• location.reload();//刷新

1.1.4 history

• history.back() : 后退到上一个链接

• history.forward()：前进到下一个链接

• history.go(): 1：后退1个链接 -1：前进一个链接

  <h1>第二个页面</h1>
  <a href="./09 history03.html">第三个页面</a>
  <button onclick="history.forward()">前进</button>
  <button onclick="history.back()">后退</button>
  <button onclick="history.go(-1)">go</button>