BOM中的open和close

实例解释

html

 <ul>
    <li>
      hahah
    </li>
  </ul>
  <button>点我跳转</button>
  <button class="btn2">点我关闭</button>

js

    var oul = document.querySelector("ul");
    var btn = document.querySelector("button");
    var btn2 = document.getElementsByClassName("btn2")[0]
    btn.onclick = function () {
      open("http://www.baidu.com","_black","width=200px,height=200px")
      //我尝试了一下第二个参数
      //如果不写第二个参数默认是打开一个新页面并显示你要跳转的内容
      //但是有个弊端是这样你就不能设置第三个属性打开的新页面的宽高了

      //如果写"_self"那么效果就是当前页面跳转到新页面
      //但是有个奇怪的地方就是，如果你在open语句下面写document.write("")他就不发生跳转 
	  //会直接清除页面内容(这个理解貌似有误，提示我自己所以没有删除)
	   
	  //后来想了一下 应该是它发生了跳转不过"_self"的效果是当前页面跳转，所以先运行了跳转然后马上就
	  //运行了删除页面内容 所以在我们看来是什么都没发生
  
      //当第二个属性为"_black"时可以设置第三个参数的新打开页面的大小

      document.write("")
      //将本来的页面内容清空
    }
    btn2.onclick = function () {
		//关闭当前页面 -----chrome浏览器是不会询问用户直接关闭
      window.close()
    }

就记录到这了 哈哈

end