快捷導(dǎo)航

js獲取當(dāng)前頁面的url網(wǎng)址信息

更新時(shí)間：2014年06月12日 15:26:07 投稿：whsnow

這篇文章主要介紹了通過js如何獲取當(dāng)前頁面的url網(wǎng)址信息,需要的朋友可以參考下

1、設(shè)置或獲取整個(gè) URL 為字符串：

window.location.href

2、設(shè)置或獲取與 URL 關(guān)聯(lián)的端口號(hào)碼：

window.location.port

3、設(shè)置或獲取 URL 的協(xié)議部分

window.location.protocol

4、設(shè)置或獲取 href 屬性中跟在問號(hào)后面的部分

window.location.search

5、獲取變量的值(截取等號(hào)后面的部分)

復(fù)制代碼代碼如下:

 
var url = window.location.search; 
// alert(url.length); 
// alert(url.lastIndexOf('=')); 
var loc = url.substring(url.lastIndexOf('=')+1, url.length); 

6、設(shè)置或獲取 URL 的協(xié)議部分：

window.location.protocol

7、設(shè)置或獲取 href 屬性中在井號(hào)“#”后面的分段：

window.location.hash

8、設(shè)置或獲取 location 或 URL 的 hostname 和 port 號(hào)碼：

window.location.host

您可能感興趣的文章:

相關(guān)文章

JavaScript將Web頁面內(nèi)容導(dǎo)出到Word及Excel的方法
這篇文章主要介紹了JavaScript將Web頁面內(nèi)容導(dǎo)出到Word及Excel的方法,涉及javascript操作ActiveXObject控件的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
JS實(shí)現(xiàn)DIV高度自適應(yīng)窗口示例
這篇文章主要介紹了JS實(shí)現(xiàn)DIV高度自適應(yīng)窗口的方法,結(jié)合完整實(shí)例形式分析了JS通過動(dòng)態(tài)操作頁面元素屬性實(shí)現(xiàn)高度自適應(yīng)的相關(guān)技巧,需要的朋友可以參考下
2017-02-02
javascript創(chuàng)建cookie、讀取cookie
這篇文章主要介紹了javascript創(chuàng)建cookie、讀取cookie的操作方法，內(nèi)容簡單易學(xué)，感興趣的小伙伴們可以參考一下
2016-03-03
layui 實(shí)現(xiàn)加載動(dòng)畫以及非真實(shí)加載進(jìn)度的方法
今天小編就為大家分享一篇layui 實(shí)現(xiàn)加載動(dòng)畫以及非真實(shí)加載進(jìn)度的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript判斷textarea值是否為空并給出相應(yīng)提示
假如用戶沒有輸入數(shù)據(jù)則給出相應(yīng)提示，那么該如何來判斷呢？下面以判斷textarea值是否為空為例
2014-09-09
php main 與 iframe 相互通訊類(js+php同域/跨域)
這篇文章主要介紹了php main 與 iframe 相互通訊類(js+php同域/跨域),需要的朋友可以參考下
2017-09-09
詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理
這篇文章主要介紹了詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理的相關(guān)資料,需要的朋友可以參考下
2017-04-04
javascript IE中的DOM ready應(yīng)用技巧
當(dāng)我們想在頁面加載之后執(zhí)行某個(gè)函數(shù)，肯定會(huì)想到onload了但onload在瀏覽器看來，就是頁面上的東西全部都加載完畢后才能發(fā)生，但那就為時(shí)已晚了。
2008-07-07
JavaScript分析、壓縮工具JavaScript Analyser
這篇文章主要介紹了JavaScript分析、壓縮工具JavaScript Analyser,需要的朋友可以參考下
2014-12-12
Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解
這篇文章主要介紹了Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解,需要的朋友可以參考下
2018-11-11