-
2020-11-17 11:39:54
1、设置或获取整个 URL 为字符串
window.location.href
2、设置或获取 URL 的协议部分
window.location.protocol
3、设置或获取 URL 的主机部分
window.location.host
4、设置或获取与 URL 关联的端口号码
window.location.port
5、设置或获取与 URL 的路径部分(就是文件地址)
window.location.pathname
6、设置或获取 href 属性中跟在问号后面的部分
window.location.search
7、设置或获取 href 属性中在井号“#”后面的分段
window.location.hash
更多相关内容 -
vue3如何获取url地址?后面的参数
2022-04-20 15:11:31//获取url中"?"符后的字符串并正则匹配 let context = ''; if (r) context = r[2]; return context ? context : ''; } 地址 ...import { useRouter, useRoute } from 'vue-router'; setup() { let router = useRouter(); let route = useRoute(); } vue: 查询路由参数:route.query、route.params、route.path 查询路由地址:router.currentRoute.value.path js方法 第一: function GetQueryString(name) { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); let r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配 let context = ''; if (r) context = r[2]; return context ? context : ''; } 地址 http://localhost:8080/progressDtl?code=79a8a34a72d64396b74856470e62c3ef GetQueryString('code') 得到 79a8a34a72d64396b74856470e62c3ef 只能获取单个变量参数 js方法 第二: function GetRequest(value) { //url例子:www.baidu.com?id="123456"&name="www"; var url = decodeURI(window.location.search); //?id="123456"&name="www"; var object = {}; if (url.indexOf("?") != -1)//url中存在问号,也就说有参数。 { var str = url.substr(1); //得到?后面的字符串 var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",name="www"]; for (var i = 0; i < strs.length; i++) { object[strs[i].split("=")[0]] = strs[i].split("=")[1];//得到{id:'123456',name:'www'} } } return object[value]; } 传value就可以得道对应参数信息 不传value 就直接return object 获取所有参数对象
-
Js获取Url地址参数的几种方法
2020-12-18 11:16:28方法一 URLSearchParams()函数 ... // window.location.href 获取地址 let url = 'https://xxxx.com/xxx/demo?type=1&id=2' let p=url.split('?')[1] let params=new URLSearchParams(p) console.log(pa方法一 URLSearchParams()函数
geturlparam(){ let that=this // window.location.href 获取地址 let url = 'https://xxxx.com/xxx/demo?type=1&id=2' let p=url.split('?')[1] let params=new URLSearchParams(p) console.log(params.get('type')) //1 console.log(params.get('id')) //2 }
方法二 split()截取
geturlparam() { let that = this // window.location.href 获取地址 let url = 'https://xxxx.com/xxx/demo?type=1&id=2' let p = url.split('?')[1] let keyValue = p.split('&'); let obj = {}; for (let i = 0; i < keyValue.length; i++) { let item = keyValue[i].split('='); let key = item[0]; let value = item[1]; obj[key] = value; } console.log(keyValue); // ['type=1','id=2'] console.log(obj); // {type:'1',id:'2'} },
上述两种方法的地址是比较规范的,像只以 / 连接的地址我一般是这种方法,也是split截取
geturlparam() { let that = this // window.location.href 获取地址 let url = 'https://xxxx.com/xxx/demo/type/1/id/2' if (url.indexOf('/type/') != -1) { that.type = url.split("/type/")[1].split("/")[0]; //1 that.id = url.split("/id/")[1].split("/")[0]; //2 } },
split比较随心所欲,看自己业务需求,想怎么截就怎么截
-
获取Url地址中参数的3种方法
2019-05-30 11:28:57获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24'; var temp1 = url.split('?'...获取Url的代码如下:window.location.href;
方法一:原生js(假设已经获得了Url地址)
var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24'; var temp1 = url.split('?'); var pram = temp1[1]; var keyValue = pram.split('&'); var obj = {}; for (var i = 0; i<keyValue.length; i++){ var item = keyValue[i].split('='); var key = item[0]; var value = item[1]; obj[key] = value; } console.log(url); console.log(temp1); // ['https://gitbook.cn/gitchat/geekbooks','tag=JavaScript&name=pwwu&age=24'] console.log(pram); // tag=JavaScript&name=pwwu&age=24 console.log(keyValue); // ['tag=JavaScript','name=pwwu','age=24'] console.log(obj); // {tag:'JavaScript',name:'pwwu',age:'24'}
总结:主要思路就是将Url用split()分割成不同的块,返回值为一个数组,一直分割到为 [‘tag=JavaScript’,‘name=pwwu’,‘age=24’]为止,
然后将该数组中的每一项以键值对的形式传进一个空对象obj(这里需要遍历数组),最后利用obj.name“点”的方式获取相应参数。方法二 URLSearchParams()函数(记不住函数名的可以直接在浏览器里面打印)
var url2 = 'https://gitbook.cn/gitchat/geekbooks?tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22'; var temp2 = url2.split('?')[1]; var pram2 = new URLSearchParams('?'+temp2); console.log(pram2.get('tag')); // 大数据 console.log(pram2.get('name'));// gy console.log(pram2.get('age')); // 22 console.log(temp2); //tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22
方法三 使用正则表达式
//获取url中的参数方法 function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); //返回参数 if (r != null) { return unescape(r[2]); } else { return null; } } var ABC = getUrlParam(); console.log(ABC);
本次暂时介绍以上3种,后续会不断补充。
-
获取URL地址栏的参数
2018-08-07 10:18:52方法一:采用正则表达式获取地址栏参数: function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.... -
获取url地址中顶级域名
2019-03-20 15:39:20parse_url()获取到的host时多级域名,如:mp.weixin.qq.com。做域名黑名单的时候我们需要得到顶级域名。 有不足之处还请留言指正,谢谢。 <?php /** * @Author: Ding Jianlong * @Date: 2019-03-07 16:14:... -
获取Url地址中参数的几种方法
2019-05-22 18:14:38方法一:原生js(假设已经获得了Url地址) var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24'; var temp1 = url.split('?'); var pram = temp1[1]; var keyValue =... -
获取url地址参数的方法
2018-02-24 16:16:47var urlData = {};function getUrl(value) { var url = decodeURI(location.search); console.log(url); if (url.indexOf("?") != -1)//url中存在问号,也就说有参数。 { var str = url.substr(1); ... -
如何简单的获取url地址中的属性键值对
2017-03-29 11:41:20自己简单的模拟讲解了一下如何学习并且模拟url地址中获取传递参数的属性,及其属性值。 首先模拟两个页面的跳转:1.html跳转到2.html并且跳转过程中,利用a标签传参。 1.html中代码正文部分如下: a href=... -
获取url地址?后的参数值
2018-04-02 13:58:11获取URL参数方法// 获取url拼接参数值 function GetRequest() { var url = location.search; // 获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { ... -
Java 获取url地址文件流
2021-09-14 09:29:24URL url = new URL(java.net.URLDecoder.decode(urlStr, "UTF-8")); HttpURLConnection conn = (HttpURLConnection)url.openConnection(); //设置超时间为3秒 conn.setConnectTimeout(3*1000); //防止屏蔽程序抓取而... -
如何获取url地址中“?”后面的参数
2018-06-28 09:11:26<!...gt;...js获取url后面的参数</title> <meta charset="utf-8" /> <script> var params=(function(){ var search=location.search; -
html页面jQUery获取url地址以及参数
2016-12-01 09:47:18function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");... var url=decodeURI(decodeURI(window.location.search)) var r = url.substr(1).match(reg); -
ASP.NET MVC中获取URL地址参数的两种写法
2018-03-22 16:30:00一、url地址传参的第一种写法 1.通过mvc中默认的url地址书写格式:控制器/方法名/参数 2.实例:http://localhost:39270/RequestDemo/Index/88,默认参数名为id所以名称为id。 如果使用其他名称,后台是无法... -
C# 获取URL地址中文件名
2020-09-10 19:08:09添加引用 System.Web ... /// 获取URL地址中文件名 /// </summary> /// <param name="url">下载地址</param> /// <returns>返回文件名</returns> private string GetUrlName -
java获取请求url地址
2021-11-12 10:23:221.获取request和response ServletRequestAttributes requestAttributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes(); HttpServletRequest request = requestAttributes.get... -
微信小程序获取URL地址
2019-11-27 16:26:11var pages = getCurrentPages() //获取加载的页面 var currentPage = pages[pages.length-1] //获取当前页面的对象 ...var options = currentPage.options //如果要获取url中所带的参数可以查看options 可以写成工... -
js获取url地址中的每一个参数,方便操作url的hash及正则表达式的方式获取在url上参数
2018-10-11 15:32:26js获取url地址中的每一个参数,方便操作url的hash 值得收藏 &lt;html&gt; &lt;body&gt; &lt;script&gt; //location.search; //可获取浏览器当前访问的url中&... -
Java获取当前访问url地址(SpringMVC)
2021-02-12 09:11:42本文地址:http://www.dutycode.com/java_huoqu_dangqian_url.html...转载请注明本文地址,谢谢。...所以,如何获取当前页面的url呢?解决:直接上代码吧(使用spring mvc的方式来做,简单例子)@RestC... -
web前端:JS通过url地址栏获取html页面名称
2021-06-11 07:47:55统一资源定位符(UniformResourceLocator,URL)是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及... -
如何获取url地址后带的参数
2019-07-12 17:33:06url: http://www.xxxxxx.com/game/index.html#/?key=5161565 function getQueryString(name: string) { // var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i... -
Android软件抓包获取URL地址
2018-09-05 15:48:081.抓包的作用就是找出返回数据的格式 2. 手机请求------》 然后服务器返回-------》 笔记本上安装wireshark,启动,手机连笔记本...然后打开手机需要抓包的软件,wireshark就会抓到,然后打开相应的连接 ... -
js获取url地址,锚点,参数
2018-11-06 11:31:38得到和使用的是完整的url,比如window.location.href="www.hao123.com”表示的是重新定向,页面跳转到新的页面。也可以通过window.location.href得到a标签的完整的href。 比如<a href="... -
JQ 获取URL 地址栏参数
2019-03-19 14:07:20http://localhost:17807/index/ShouHuo?id=191 <script type="text/javascript"> $(function () { alert(getUrlParam("id")); }) function getUrlParam(name) { ... -
获取URL地址时某些参数被转义
2018-12-14 13:54:52//转译 encodeURIComponent("https://zhidao.baidu.com"); //https%3A%2F%2Fzhidao.baidu.com //逆转译 decodeURIComponent(... ... 此外:欢迎各位学生、前端新人、大牛们加入Q群分享... -
uni-app获取当前页面路由,获取当前url地址参数
2021-12-01 14:45:56利用uniappAPI,获取当前页面路由,获取当前url地址参数 -
获取 url 中的参数
2022-02-16 15:26:11我们熟知 url中的参数是以这种形式展示的 ?id=123&name=tom&age=13… 第一种:基础用法 用字符串分割 所以。来吧展示 function getParams(key) { var result = {} // 定义一个全局的对象 var str = window... -
java 获取url地址返回的数据
2018-02-26 11:52:35参考自:... import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.URL; import java.net.URLConnection;...public class Url ... -
java获取请求的url地址
2019-08-19 15:10:521.获取全路径 request.getRequestURL(); //得到http://localhost:8888/CRM/loginController/login 2.获取协议名和域名 request.getScheme(); //得到协议名 例如:http request.getServerName(); //得到域名 ...
收藏数
813,255
精华内容
325,302