js取得当前url,javascript获取当前页面url值,js获取域名-
原生JS获取URL链接参数的几种常见方法
原⽣JS获取URL链接参数的⼏种常见⽅法前⾔作为⼀个前端开发，我们很多时候都需要对URL进⾏操作和处理，最常见的⼀种就是获取URL链接中携带的参数值了。
使⽤框架开发的⼩伙伴可能会觉得这很简单，因为框架提供了很多⽅法让我们⽅便的获取URL链接携带的参数。
但是有些时候我们不能依赖框架，需要我们使⽤原⽣JS去获取参数，这也是⾯试中经常遇到的⼀道题。
今天我们就⼿撕代码，利⽤原⽣JS去获取URL链接参数值。
1. 获取⽅式总结利⽤原⽣JS获取URL链接参数的⽅法也有好⼏种，今天我们依次来讲解常见的⼏种：通过正则匹配的⽅式利⽤a标签内置⽅法利⽤split⽅法分割法使⽤URLSearchParams⽅法2. 具体实现⽅法2.1 正则匹配法这是⾮常中规中举的⼀种⽅法，重点是要求我们要懂正则表达式。
代码如下：<script>// 利⽤正则表达式let url = "?name=elephant&age=25&sex=male&num=100"// // 返回参数对象function queryURLParams(url) {let pattern = /(\w+)=(\w+)/ig; //定义正则表达式let parames = {}; // 定义参数对象url.replace(pattern, ($, $1, $2) => {parames[$1] = $2;});return parames;}console.log(queryURLParams(url))</script>上段代码中重点是正则表达式的定义以及replace⽅法的使⽤,其中$2分别代表name=elephant、name、elephant，以此类推。
replace结合正则更加详细的使⽤⽅法可以⾃⾏下去学习。
实现效果：2.2 利⽤a标签这种⽅法较少⼈使⽤，因为毕竟有点⿊科技的意思在⾥⾯。
JS获取URL参数
JS获取URL参数有时候需要通过JavaScript中获取⽹址中传递的参数，⼀般使⽤的⽅法有三种。
⼀、根据参数名获取参数值 getQueryStringByName （这个是最常⽤的）//根据参数名获取参数值function getQueryStringByName(name){var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));if(result == null || result.length < 1){return "";}return result[1];}⼆、获取整个参数数组 getQueryString//获取QueryString的数组function getQueryString(){var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));if(result == null){return "";}for(var i = 0; i < result.length; i++){result[i] = result[i].substring(1);}return result;}三、根据索引值获取参数值 getQueryStringByIndex，基于第⼆个获取的参数数组//根据索引值获取参数值function getQueryStringByIndex(index){if(index == null){return "";}var queryStringList = getQueryString();if (index >= queryStringList.length){return "";}var result = queryStringList[index];var startIndex = result.indexOf("=") + 1;result = result.substring(startIndex);return result;}。
JS获取url参数及url编码、解码
JS获取url参数及url编码、解码完整的URL由这⼏个部分构成：scheme://host:port/path?query#fragment ，各部分的取法如下：window.location.href：获取完整url的⽅法：,即scheme://host:port/path?query#fragmentwindow.location.protocol：获取rul协议schemewindow.location.host：获取hostwindow.location.port：获取端⼝号window.location.pathname：获取url路径window.location.search：获取参数query部分，注意此处返回的是?querywindow.location.hash：获取锚点，#fragment在js中可以使⽤escape(), encodeURL(), encodeURIComponent()，三种⽅法都有⼀些不会被编码的符号：escape()：@ * / +encodeURL()：! @ # $& * ( ) = : / ; ? + 'encodeURIComponent()：! * ( ) '在java端可以使⽤URLDecoder.decode(“中⽂”, "UTF-8");来进⾏解码但是由于使⽤request.getParameter（）来获取参数时已经对编码进⾏了⼀次解码，所以⼀般情况下只要在js中使⽤encodeURIComponent（"中⽂"）;在java端直接使⽤request.getParameter（）来获取即可返回中⽂。
如果你想在java端使⽤URLDecoder.decode(“中⽂”, "UTF-8");来解码也可以在js中进⾏⼆次编码，即：encodeURIComponent（encodeURIComponent（"中⽂"））;如果不进⾏⼆次编码的话，在java端通过decode⽅法取的会是乱码。
使用jquery获取url及url参数的方法
使用jquery获取url及url参数的方法
可以使用 jQuery 获取当前页面的 URL 和 URL 参数，以下是获取 URL 和URL 参数的方法：
1. 获取当前页面的完整 URL
可以使用 `` 属性获取当前页面的完整 URL。
示例：
```javascript
var url = ;
(url); // 输出当前页面的完整 URL
```
2. 获取 URL 参数
可以使用 `` 属性获取 URL 参数。
该属性返回一个包含 URL 参数的字符串，例如 `?param1=value1¶m2=value2`。
可以使用 `split('?')[1]` 将其分割为数组，然后遍历数组即可获取每个参数的值。
示例：
```javascript
var search = ; // 获取 URL 参数字符串
var params = ('?')[1].split('&'); // 将字符串分割为数组
for (var i = 0; i < ; i++) {
var param = params[i].split('='); // 将每个参数分割为键值对 (param[0] + ': ' + param[1]); // 输出每个参数的值
}
```。
js获取url传值的方法
js获取url传值的⽅法本⽂实例讲述了js获取url传值的⽅法。
分享给⼤家供⼤家参考，具体如下：js获取url参数值：index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......静态html⽂件js读取url参数根据获取html的参数值控制html页⾯输出⼀、字符串分割分析法这⾥是⼀个获取URL带QUESTRING参数的JAVASCRIPT客户端解决⽅案，相当于asp的request.querystring，PHP的$_GET 函数:<Script language="javascript">function GetRequest() {var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for(var i = 0; i < strs.length; i ++) {theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);}}return theRequest;}</Script>然后我们通过调⽤此函数获取对应参数值：<Script language="javascript">var Request = new Object();Request = GetRequest();var 参数1,参数2,参数3,参数N;参数1 = Request['参数1'];参数2 = Request['参数2'];参数3 = Request['参数3'];参数N = Request['参数N'];</Script>以此获取url串中所带的同名参数⼆、正则分析法function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");var r = window.location.search.substr(1).match(reg);if (r!=null) return unescape(r[2]); return null;}alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));alert(GetQueryString("参数名3"));补充：js 获取url的get传值函数function getvl(name) { var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";};⽤法简单的说⼀下复制代码代码如下:getvl(bb);//这样就可以了希望本⽂所述对⼤家JavaScript程序设计有所帮助。
JS获取几种URL地址的方法
JS获取几种URL地址的方法以下为JS获取几种URL地址的方法thisURL = document.URL;thisHREF = document.location.href;thisSLoc = self.location.href;thisDLoc = document.location;thisTLoc = top.location.href;thisPLoc = parent.document.location;thisTHost = top.location.hostname;thisHost = location.hostname;tmpHPage = thisHREF.split( "/" );thisHPage = tmpHPage[ tmpHPage.length-1 ];tmpUPage = thisURL.split( "/" );thisUPage = tmpUPage[ tmpUPage.length-1 ];下面为使用JS获取MAC地址、IP地址及主机名的方法：<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=gbk"></head><body><object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" style="display:none;visibility:hidden"></object><object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" style="display:none;visibility:hidden"></object><form name="myForm"><br/>MAC地址：<input type="text" name="macAddress"> <br/>IP地址：<input type="text" name="ipAddress"><br/>主机名：<input type="text" name="hostName"></form></body></html><script language="javascript">var sMacAddr="";var sIPAddr="";var sDNSName="";var service = locator.ConnectServer();service.Security_.ImpersonationLevel=3;service.InstancesOfAsync(foo,'Win32_NetworkAdapterConfiguration');</script><script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true){if(objObject.IPEnabled && objObject.IPAddress(0) !=null && objObject.IPAddress(0) != "undefined")sIPAddr = objObject.IPAddress(0);if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")sMacAddr = objObject.MACAddress;if(objObject.DNSHostName != null &&objObject.DNSHostName != "undefined")sDNSName = objObject.DNSHostName;}</script><script FOR="foo" EVENT="OnCompleted(hResult,pErrorObject, pAsyncContext)" LANGUAGE="JScript">myForm.macAddress.value=sMacAddr;myForm.ipAddress.value=sIPAddr;myForm.hostName.value=sDNSName;</script>。
js获取域名的方法
js获取域名的方法JavaScript获取域名的方法JavaScript是一种常用于网页开发的编程语言，可以通过它来获取当前页面的域名。
在本文中，我们将介绍几种常见的方法来获取域名，并给出相应的代码示例。
1. 使用window对象的location属性使用window对象的location属性可以获取当前页面的URL信息，包括域名。
我们可以通过访问location对象的hostname属性来获取域名。
示例代码：```javascriptvar domain = window.location.hostname;console.log(domain);```运行以上代码，你将在控制台中看到当前页面的域名信息。
2. 使用document对象的URL属性类似地，我们也可以使用document对象的URL属性来获取当前页面的URL信息，并通过正则表达式提取出域名。
示例代码：```javascriptvar url = document.URL;var domain = url.match(/^(https?|ftp):\/\/([^\s]+)/g);console.log(domain[0]);```运行以上代码，你将在控制台中看到提取出的域名信息。
3. 使用HTML的a标签我们还可以利用HTML的a标签来获取域名。
首先需要创建一个隐藏的a标签，设置其href属性为当前页面的URL，然后通过访问a 标签的hostname属性来获取域名。
示例代码：```html<a href="#" id="hiddenLink" style="display:none;"></a><script>var link = document.getElementById('hiddenLink');link.href = document.URL;var domain = link.hostname;console.log(domain);</script>```运行以上代码，你将在控制台中看到当前页面的域名信息。
js如何获取url参数，拼接url参数
js如何获取url参数，拼接url参数1、通过字符串截取的⽅式获取参数值；(注意location.search截取“？”后的字符串，该⽅法只适⽤于通过链接跳转的路径，如果是直接截取路径则返回空值，因此应该加上判断)1 /**2 * [获取URL中的参数名及参数值的集合]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&username=张三6 */7 function GetRequest(urlStr) {//两种⽅式，输⼊链接获取或当前链接获取8 if (typeof urlStr == "undefined") {9 var url = decodeURI(location.search); //获取url中"?"符后的字符串10 } else {11 var url = "?" + urlStr.split("?")[1];12 }13 var theRequest = new Object();14 if (url.indexOf("?") != -1) {15 var str = url.substr(1);//去掉问号，问号为第⼀个字符16 strs = str.split("&");17 for (var i = 0; i < strs.length; i++) {18 theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);19 }20 }21 return theRequest;22 }下⾯我们看⼀下结果：1 var parms_1 = GetRequest();2 console.log(parms_1); // {"uid":"admin","rid":"1","fid":"2","name":"张三"}3 console.log(parms_1['name']); // '张三'4 var parms_2 = GetRequest('http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三');5 console.log(parms_2); // {"uid":"admin","rid":"1","fid":"2","name":"张三"}6 console.log(parms_2['name']); // '张三'2、通过参数名获取url中的参数值1 /**2 * [通过参数名获取url中的参数值]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三6 */7 function GetQueryValue(queryName) {8 var query = decodeURI(window.location.search.substring(1));//将url转码，如果不是当前地址链接，可以在这⾥填写需要的链接9 var vars = query.split("&");//分割字符串，将url切割成数组形式的对象10 for (var i = 0; i < vars.length; i++) {11 var pair = vars[i].split("=");//再次分割成数组12 if (pair[0] == queryName) { return pair[1]; }//如果匹配输出结果13 }14 return null;15 }看⼀下结果：1 var queryVal=GetQueryValue('name');2 console.log(queryVal);// 张三3、通过正则获取到参数值；1 /**2 * [通过参数名获取url中的参数值]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三6 */7 function GetQueryValue1(queryName) {8 var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");9 var r = window.location.search.substr(1).match(reg);10 if ( r != null ){11 return decodeURI(r[2]);12 }else{13 return null;14 }15 }看⼀下结果：1 var queryVal=GetQueryValue1('name');2 console.log(queryVal);// 张三。