如何用js獲取當(dāng)前域名、Url、相對路徑和參數(shù)
一、js獲取當(dāng)前域名有2種方法
1、方法一
var domain = document.domain;
2、方法二
var domain = window.location.host;
3、注意問題
由于獲取到的當(dāng)前域名不包括 http://，所以把獲取到的域名賦給 a 標(biāo)簽的 href 時(shí)，別忘了加上 http://，否則單擊鏈接時(shí)導(dǎo)航會(huì)出錯(cuò)。
二、獲取當(dāng)前Url的4種方法
var url = window.location.href; var url = self.location.href; var url = document.URL;
var url = document.location;
瀏覽器地址欄顯示的是什么，獲取到的 url 就是什么。
三、獲取當(dāng)前相對路徑的方法
首先獲取 Url，然后把 Url 通過 // 截成兩部分，再從后一部分中截取相對路徑。如果截取到的相對路徑中有參數(shù)，則把參數(shù)去掉。
function GetUrlRelativePath()
{
var url = document.location.toString();
var arrUrl = url.split("http://");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);//stop省略，截取從start開始到結(jié)尾的所有字符
if(relUrl.indexOf("?") != -1){
relUrl = relUrl.split("?")[0];
}
return relUrl;
}
調(diào)用方法：GetUrlRelativePath();
舉例：假如當(dāng)前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7，則截取到的相對路徑為：/pub/item.aspx。
四、獲取當(dāng)前Url參數(shù)的方法
1、獲取Url參數(shù)部分
function GetUrlPara()
{
var url = document.location.toString();
var arrUrl = url.split("?");
var para = arrUrl[1];
return para;
}
調(diào)用方法：GetUrlPara()
舉例：假如當(dāng)前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7，則截取到的參數(shù)部分為：t=osw7。
總結(jié)
到此這篇關(guān)于如何用js獲取當(dāng)前域名、Url、相對路徑和參數(shù)的文章就介紹到這了,更多相關(guān)js獲取域名Url、相對路徑和參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在Web開發(fā)中,JavaScript與服務(wù)器進(jìn)行數(shù)據(jù)交互是核心需求之一,本文詳細(xì)介紹了JavaScript中發(fā)送HTTP請求的幾種主要方法,大家可以根據(jù)需要進(jìn)行選擇2026-03-03
文章介紹了三種使用JavaScript生成UUID/GUID的方法及其優(yōu)缺點(diǎn),方法1簡單但格式不規(guī)范；方法2解決了格式問題但可能產(chǎn)生碰撞；方法3結(jié)合時(shí)間戳解決了格式和碰撞問題,主流瀏覽器支持,但I(xiàn)E不支持,需要的朋友可以參考下2026-03-03
給label賦值以及取label的值，取值及賦值代碼如下，感興趣的朋友可以參考下2013-11-11
Webpack 之 babel-loader文件預(yù)處理器詳解
這篇文章主要介紹了Webpack 之 babel-loader文件預(yù)處理器詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計(jì)實(shí)現(xiàn)Tab選項(xiàng)卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
Javascript動(dòng)態(tài)伸縮+淡出淡入
一種不錯(cuò)代碼應(yīng)用實(shí)例，大家可以根據(jù)這個(gè)代碼，拓寬出更好的代碼2009-02-02
JS中JSON對象和String之間的互轉(zhuǎn)及處理技巧
JSON：JavaScript 對象表示法（JavaScript Object Notation），其實(shí)JSON就是一個(gè)JavaScript的對象(Object)而已。接下來通過本文給大家介紹JS中JSON對象和String之間的互轉(zhuǎn)及處理技巧，需要的朋友一起學(xué)習(xí)吧2016-04-04
JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法
這篇文章主要介紹了JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法,涉及javascript數(shù)組與字符串的遍歷、比較及數(shù)學(xué)運(yùn)算相關(guān)技巧,需要的朋友可以參考下2016-08-08
Javascript 個(gè)人筆記（沒有整理，很亂）...2007-07-07
JavaScript獲取指定元素的父元素的實(shí)現(xiàn)方法
這篇文章主要介紹了在JavaScript中獲取元素父節(jié)點(diǎn)的兩種方法：parentNode和parentElement,并強(qiáng)調(diào)了它們的區(qū)別和適用場景,同時(shí),還介紹了closest()方法,用于向上查找匹配CSS選擇器的祖先元素,需要的朋友可以參考下2026-03-03