詳解javascript獲取url信息的常見方法
更新時間：2016年12月19日 12:37:27 作者：wxwx123
本篇文章主要對javascript獲取url信息的常見方法進行介紹，具有很好的參考價值，需要的朋友一起來看下吧
先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”為例，然后獲得它的各個組成部分。
1、獲取頁面完整的url
var a=location.href; console.log(a); // “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”
2、獲取頁面的域名
var host = window.location.host; //www.cnblogs.com var host2 = document.domain; //www.cnblogs.com var a = location.hostname; //www.cnblogs.com
3、獲取url協議
var a=location.protocol; console.log(a); //http:
4、獲取端口
var a=location.port; console.log(a);
5、獲取頁面路徑
var a=location.pathname; console.log(a);
6、設置或獲取 URL 的協議部分
var a = location.protocol;
7、獲取#后的部分
var a=window.location.hash; var b=a.substr(1); console.log(b); // flag?test=12345
8、獲取 href 屬性中跟在問號?后面的部分
// 此時案例地址變?yōu)椤癶ttp://www.cnblogs.com/wuxibolgs329/p/5261577.html?test=12345”。得到 test=12345
var a=location.search;
var b=a.substr(1);
console.log(b);
//如果案例依舊是“http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”，則需下面的寫法，得到 test=12345
var a=location.href;
var b=a.substr(a.lastIndexOf('?')+1);
console.log(b);
9、獲取 = 號后面的部分
var a=location.href;
var b=a.substring(a.lastIndexOf('=')+1);
console.log(b); // 12345
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要為大家介紹了Web componentd組件內部事件回調示例及其痛點的剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2021-11-11
本篇文章主要是對js實現省市聯動效果的簡單實例進行了介紹，需要的朋友可以過來,希望對大家有所幫助2014-02-02
這篇文章主要介紹了微信小程序搭建Https服務器，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
相信大家都知道，ES5及之前時代的JavaScript中this的綁定機制是讓很多開發(fā)者頭疼不已的事情。this 的綁定變化多端，讓筆者也吃了不少虧。所以本文總結了this的四條綁定規(guī)則，在此記錄，以防自己遺忘，也方便他人參考借鑒。下面來一起看看吧。2016-09-09
下面小編就為大家?guī)硪黄猨s中用cssText設置css樣式的簡單方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本文給大家分享uniapp中引入mqtt的全過程，在uniapp項目根目錄下分別運行安裝mqtt和uuid的命令行，因為后面會用uuid生成mqtt的clientId，文中給大家介紹mqtt和uuid安裝過程，感興趣的朋友跟隨小編一起學習下吧2021-05-05
由于<input type="file">的value屬性石只讀的，所以要取消選擇只能通過其他途徑，此處有2種方法2013-03-03
本文給大家介紹了JavaScript中的類型檢查的一些知識點,整理的非常詳細,推薦給大家,希望對大家學習JavaScript能夠所幫助2020-02-02
這篇文章主要為大家詳細介紹了js實現本地圖片文件拖拽效果，拖拽文件到指定位置，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
深入理解javascript嚴格模式(Strict Mode)
Strict mode是JavaScript1.8.5引進的技術，但還沒有瀏覽器確實可靠的實現了嚴格模式，所以使用時要小心并且多測試。Strict mode可以應用于整個腳本，也可以適合于單個函數。2014-11-11