js取得当前url,javascript获取当前页面url值,js获取域名-

原⽣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参数有时候需要通过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编码、解码完整的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 参数，以下是获取 URL 和URL 参数的方法：
1. 获取当前页面的完整 URL
可以使用 `` 属性获取当前页面的完整 URL。

示例：
```javascript
var url = ;
(url); // 输出当前页面的完整 URL
```
2. 获取 URL 参数
可以使用 `` 属性获取 URL 参数。

该属性返回一个包含 URL 参数的字符串，例如 `?param1=value1&param2=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参数值：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地址的方法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获取域名的方法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参数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);// 张三。

文章标题：深入探讨javascript中处理URL的方法1. 引言在Web开发中，处理URL是非常常见的任务。

无论是获取URL参数、解析URL路径，还是构建新的URL，javascript提供了丰富的方法来完成这些任务。

在本文中，我们将深入探讨javascript中处理URL的方法，从简单到复杂，逐步展开。

2. 获取当前URL在javascript中，我们可以使用window.location对象来获取当前页面的URL。

通过window.location.href属性，我们可以获取完整的URL位置区域，包括协议、主机、路径和参数。

3. 解析URL参数处理URL参数是Web开发中经常遇到的需求。

javascript提供了URLSearchParams对象来帮助我们解析URL参数。

我们可以使用URLSearchParams的实例方法get()来获取特定参数的值，也可以使用entries()方法来遍历所有的参数。

4. 构建URL除了解析URL，javascript还提供了URL对象来帮助我们构建URL。

我们可以使用URL对象的构造函数来创建一个新的URL实例，并通过属性和方法来设置URL的各个部分，包括协议、主机、路径和参数。

5. 处理URL路径在处理URL时，经常需要对URL路径进行操作。

javascript中提供了URL对象的pathname属性来获取和设置URL的路径部分。

通过split()方法和join()方法，我们可以对路径进行拆分和拼接，从而完成复杂的路径操作。

6. 重点回顾在本文中，我们从获取当前URL开始，逐步深入探讨了javascript中处理URL的方法。

我们学习了如何解析URL参数、构建URL，以及处理URL路径。

这些方法不仅可以帮助我们更好地理解URL的结构和特性，还可以提升我们在Web开发中处理URL的能力。

7. 个人观点对我来说，理解和掌握javascript中处理URL的方法非常重要。

JavaScript获取url协议、接⼝等信息⼀.JavaScript获取url信息alert("location:"+window.location);alert("href: "+window.location.href);alert("protocol: "+window.location.protocol);alert("host&port: "+window.location.host);alert("port: "+window.location.port);alert("hostname: "+window.location.hostname);⼆.AngularJS通过$location获取及改变当前页⾯的URL1.获取url的相关⽅法（不修改URL）a.获取当前完整的url路径var absurl = $location.absUrl();//http://172.16.0.88:8100/#/homePage?id=10&a=100b. 获取当前url路径(当前url#后⾯的内容,包括参数和哈希值):var url = $location.url();// 结果：/homePage?id=10&a=100c. 获取当前url的⼦路径(也就是当前url#后⾯的内容,不包括参数)var pathUrl = $location.path()//结果：/homePaged.获取当前url的协议(⽐如http,https)var protocol = $location.protocol();//结果：httpe.获取主机名var localhost = $location.host();//结果：172.16.0.88f.获取当前url的端⼝var port = $location.port();//结果：8100g.获取当前url的哈希值var hash = $location.hash()//结果：http://172.16.088h.获取当前url的参数的序列化json对象var search = $location.search();//结果：{id: "10", a: "100"}2.修改url的相关⽅法(改变URL相关内容)a.修改url的⼦路径部分(也就是当前url#后⾯的内容,不包括参数):$location.url('/validation');//结果：http://172.16.0.88:8100/#/validationb.修改url的哈希值部分$location.hash('myhash3');//结果:http://172.16.0.88:8100/#/homePage?id=10&a=100#myhash3c.修改url的参数部分(第⼀个参数表⽰url参数的属性名,第⼆个参数是该属性名的属性值,如果是已有属性名,则修改,如果不是已有属性,则新增) $location.search('id','111')// 结果(修改参数值)：http://172.16.0.88:8100/#/homePage?id=111&a=100$location.search('ids','111')// 结果（新增ids参数): http://172.16.0.88:8100/#/homePage?id=111&a=100&ids=111d.⼀次性修改多个参数$location.search({id:'55','a':'66'})//结果：http://172.16.0.88:8100/#/homePage?id=55&a=66#myhash3e.第⼀个值表⽰url参数的属性名,如果是已有属性名,则删除该属性,如果不是已有属性,那就等于没改过$location.search('age',null)3.修改URL但不存⼊历史记录 在上⾯的修改url的⽅法的时候,每修改⼀次，url都会被存⼊历史记录，可以使⽤后退按钮回到修改前的url，如果不想要这种效果，⽽仅仅是替换当前的记录，可以使⽤ $location.path('/validation').replace();。