location對象

<p>語法：location.href</p>
<p>功能：返回當前加載頁面的完整URL</p>
<p>location.href與window.location.href</p>
<p>說明：location.href與window.location.href等價</p>
<p>語法：location.hash</p>
<p>功能：返回URL中的hash(#號後跟零或多個字符),若是不包含則返回空字符串</p>
<p>語法：location.host</p>
<p>功能：返回服務器名稱和端口號（若是有）</p>
<p>語法：location.hostname</p>
<p>功能：返回不帶端口號的服務器名稱</p>
<p>語法：location.pathname</p>
<p>功能：返回URL中的目錄和（或）文件名</p>
<p>語法：location.port</p>
<p>功能：返回URL中指定的端口號，若是沒有，返回空字符串</p>
<p>語法：location.protocol</p>
<p>功能：返回頁面使用的協議</p>
<p>語法：location.search<strong style="color: red">（比較經常使用）</strong></p>
<p>功能：返回URL的查詢字符串。這個字符串以問號開頭</p>

location.hash例子：

<div class="box1" id="top"></div>
    <div class="box2"></div>
    <input type="button" id="btn" value="返回頂部">
    <script type="text/javascript">
    console.log(location.href)
    var btn = document.getElementById("btn");
    btn.onclick = function() {
        location.hash = "#top"; //設置錨點，錨連接
    }
    </script>

<h3>1.掌握位置操做</h3>
<h3>2.掌握location.reaplace()</h3>
<h3>3.掌握location.reload()</h3>

location.href與location.replace()例子：

<script type="text/javascript">
           setTimeout(function(){
               // location.href="http://www.baidu.com" //瀏覽器上面回退按鈕顯示
               // window.location.href="http://www.baidu.com" 
               location.replace("http://www.baidu.com")//瀏覽器上面回退按鈕不顯示不可點擊
           },1000)
       </script>

<h2>location.replace()</h2>
<p>語法：location.replace(url)</p>
<p>功能：從新定向URL</p>
<p>說明：使用location.replace不會在歷史記錄中生成新記錄</p>
<h2>location.reload()</h2>
<p>語法：location.reload()</p>
<p>功能：從新加載當前顯示的頁面</p>
<p>說明：</p>
<p>location.reload()有可能從緩存中加載</p>
<p>location.reload(true)從服務器從新加載</p>

 

location.reload()例子：

<script type="text/javascript">
           var btn = document.getElementById("btn");
        btn.onclick = function() {
            // location.reload(); //重新加載頁面
            location.reload(true); //強制從服務器上刷新
        }
       </script>