javascript Location 對象用法詳解

來源:互聯網
上載者:User

Location 對象
Location 對象包含有關當前 URL 的資訊,是 Window 對象的一個部分,可通過 window.location 屬性來訪問

Location 對象屬性

href屬性是一個可讀可寫的字串,可設定或返回當前顯示的文檔的完整 URL,因此,我們可以通過為該屬性設定新的 URL,使瀏覽器讀取並顯示新的 URL 的內容

    文法:location.href = URL;

    執行個體:location.href = 'http://www.111cn.net';

 

hash是一個可讀可寫的字串,該字串是 URL 的錨部分(從 # 號開始的部分)
    文法:location.hash = anchorName;
    執行個體:location.hash = 'myAnchor'; <a name="myAnchor">跳轉到這兒了</a> //頁面跳轉了
    可以利用這個屬性和錨點在頁面內實現跳轉

host返回當前 URL 的主機名稱和連接埠號碼
    文法:location.host;
    執行個體:document.write(location.host); //url地址是:http://192.168.1.101/test/test.php 輸出 192.168.1.101

hostname返回當前 URL 的主機名稱   
    文法:location.hostname;
    執行個體:document.write(location.hostname); //url地址是:http://192.168.1.101/test/test.php 輸出 192.168.1.101
   
pathname是一個可讀可寫的字串,可設定或返回當前 URL 的路徑部分
    文法:location.pathname = path;
    執行個體:document.write(location.pathname); //url地址是:http://192.168.1.101/test/test.php 輸出 /test/test.php
         location.pathname = 'test/test3.php'; //跳轉到 test3.php頁面
        
port是一個可讀可寫的字串,可設定或返回當前 URL 的連接埠部分
    文法:location.port = portnumber;
    這個沒有做實驗,你可以實驗一下,說說怎麼回事!
   
protocol是一個可讀可寫的字串,可設定或返回當前 URL 的協議
    文法:location.protocol = path;
    執行個體:document.write(location.protocol); //url地址是:http://192.168.1.101/test/test.php 輸出 http:
   
search是一個可讀可寫的字串,可設定或返回當前 URL 的查詢部分(問號 ? 之後的部分)
    文法:location.search = path_from_questionmark;
    執行個體:document.write(location.search); //url地址是:http://192.168.1.101/test/test.php?key=test 輸出 ?key=test
         location.search = '?key=test'; //看url地址變成了:http://192.168.1.101/test/test.php?key=test
        
Location 對象方法
assign()載入一個新的文檔
    文法:location.assign(URL);
    執行個體:location.assign('http://www.111cn.net');

reload()用於重新載入當前文檔
    文法:location.reload();
   
replace()用一個新文檔取代當前文檔,replace() 方法不會在 History 對象中產生一個新的紀錄,當使用該方法時,新的 URL 將覆蓋 History 對象中的當前紀錄
    文法:location.replace(newURL);
    執行個體:location.replace('http://www.111cn.net');

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.