第189天：BOM属性方法

一、BOM---location

1、访问页面

 location.href = "http://www.baidu.com";

 location.assign("http://www.baidu.com");

 location.replace("http://www.baidu.com");

replace和assign的区别
replace()方法所做的操作与assign()方法一样，
但它多了一步操作，即从浏览器的历史记录中删除了包含脚本的页面，
这样就不能通过浏览器的后退按钮和前进按钮来访问它了，
assign()方法却可以通过后退按钮来访问上个页面。

2、刷新页面

 //刷新页面

         document.getElementsByTagName('button')[1].onclick = function(){

         location.reload(true);    //从服务器重载当前页面

         location.reload(false);   //从浏览器缓存中重载当前页面

         location.reload();        //从浏览器缓存中重载当前页面

         }

3、其他属性

（1） hash：如果URL中包含有“#”，该方法将返回该符号之后的内容
（例如：http://www.itcast.cn/index.html#welcome的hash是“#welcome”）。

（2） host：服务器的名字，例如www.baidu.com。

（3） hostname：通常等于host，有时会省略前面的www。

（4） href：当前页面载入的完整URL。

（5） pathname：URL中主机名之后的部分。例如：http://www.leledeng.com/html/js/index.html的pathname是“/html/js/index.html”。

（6） port：URL中声明的请求端口。默认情况下，大多数URL没有端口信息（默认为80端口），所以该属性通常是空白的。像http://www.leledeng.com:8080/index.html这样的URL的port属性为8080。

（7） protocol：URL中使用的协议，即双斜杠（//）之前的部分。例如http://www.itcast.cn中的protocol属性是http：
（8） ftp://www.leledeng.com的protocol属性等于ftp:。

（9）search：执行GET请求的URL中的问号?后的部分，又称查询字符串。
// 例如http://www.leledeng.com/search.html?name=lele中的search属性为?name=lele。

二、BOM---history

 <body>

 <input type=button value=刷新 onclick="window.location.reload()">

 <input type=button value=前进 onclick="window.history.go(1)">

 <input type=button value=后退 onclick="window.history.go(-1)">

 <input type=button value=前进 onclick="window.history.forward()">

 <input type=button value=后退

        onclick="window.history.back()">

 <input type=button value=后退+刷新

        onclick="window.history.go(-1);window.location.reload()">

 </body>

三、BOM---navigator

 <script>

 //    利用userAgent属性判断是哪个浏览器

     function CheckBrowser(){

         var u_agent = navigator.userAgent;

         var browser_name='未知浏览器';

         if(u_agent.indexOf('Firefox')>-1){

             browser_name='Firefox';

         }else if(u_agent.indexOf('Chrome')>-1){

             browser_name='Chrome';

         }else if(u_agent.indexOf('Trident')>-1&&u_agent.indexOf('rv:11')>-1){

             browser_name='IE11';

         }else if(u_agent.indexOf('MSIE')>-1&&u_agent.indexOf('Trident')>-1){

             browser_name='IE(8-10)';

         }else if(u_agent.indexOf('MSIE')>-1){

             browser_name='IE(6-7)';

         }else if(u_agent.indexOf('Opera')>-1){

             browser_name='Opera';

         }else{

             browser_name+=',info:'+u_agent;

         }

         document.write('浏览器类型为:'+browser_name+'<br>');

         document.write('userAgent属性值为:'+u_agent+'<br>');

     }

 CheckBrowser();

 </script>

四、BOM---document

 <script>

     //对象集合属性

     document.write("文档包含："+document.forms.length+"个表单"+"<br />");

     //forms[]对象集合统计表单个数

     document.write(document.all.length+"<br />");//

     document.write(document.links[0]);//输出：http://www.baidu.com/

 </script>