前端Js获取网页地址栏参数！

最新推荐文章于 2024-07-04 10:04:23 发布

原创最新推荐文章于 2024-07-04 10:04:23 发布 · 618 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

博客给出一段JavaScript代码，定义了一个get函数，用于从地址栏中获取指定参数的值。通过正则表达式匹配参数，若匹配成功则返回参数值，否则返回null，最后演示了获取地址栏name参数并打印。

function get(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)
return unescape(r[2]);
return null;
}

var name = get(“name”)

console.log(name)//这就是地址栏name的参数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

leos~~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

js获取地址栏参数

05-22

用js获取上一个页面传过来的URL地址栏参数

JS获取地址栏参数的方法（原生、vue、angular、react）

热门推荐

富朝阳的博客

05-22

1万+

若地址栏URL为：code-nav/article/917?type=12&title=abc，我们要获取到地址栏后面的的type和title参数，如何才能拿到呢？我们需要从地址code-nav/article/917?type=12&title=abc上拿到title的value abc。我们需要从地址code-nav/article/917上拿到917这个参数。接着就可以在home.vue组件中通过路由useRouter得到参数，注意是。如果文章对你有所帮助，

参与评论您还未登录，请先登录后发表或查看评论

关于前端从地址栏 获取参数引发的思考

m0_48940868的博客

01-11

1560

项目场景(如图)：这是常见的一种权限设置即：参数只有city，那么只有对应city的权限，----------- 成都就只能查成都的数据再加一个county="武侯区"的话，那么就只能查“武侯区”及其下属的数据，不能再查成都的数据了。问题描述：要完成这个功能，要明确两点： (1) JS 获取地址栏参数，操作完后最好return 成一个 object，这样方便判断 (2) 由于在此种业务场景下，页面一加载，就应该结合 地址栏参数来做 if 判断，达到下图的效果，那么，在请求回来一整

前端获取地址栏参数的几种方法

whidh的博客

07-04

1751

注意，所有方法都需要对参数进行解码，以防URL编码导致的中文乱码问题，使用。返回URL查询字符串（即URL中。

前端从地址栏获取参数

weixin_47218354的博客

01-05

986

所以，整体来看，这段代码的目的是从当前URL的查询字符串中提取名为'socialCreditCode'的查询参数的值。方法从URLSearchParams对象中获取名为'socialCreditCode'的查询参数的值。方法将URL分割为两个部分，第一个部分是问号前的URL路径，第二个部分是问号后的查询参数。这段JavaScript代码主要用于从当前网页的URL中获取查询参数。方法创建一个新的URLSearchParams对象，以便于操作查询参数。：获取当前窗口（浏览器）地址栏中的URL。

前端获取浏览器地址栏参数并处理

Mr.小灰狼_随笔

07-29

2573

前端获取浏览器地址栏参数并处理目录 window.location.hash window.location.search

用JS获取地址栏参数的方法（超级简单）

02-27

4930

方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！） function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match...

用JS获取地址栏参数的方法

大灰狼的小绵羊哥哥的博客

02-06

8403

用JS获取地址栏参数的方法（超级简单）方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！） functionGetQueryString(name) { varreg = newRegExp("(^|&)"+ name +"=([^&]*)(&|$)"); varr = window

js地址栏参数的获取(search)

jontyy的博客

08-14

2478

js地址栏参数的获取 Introduce 之前在博客中写过，window.location.href的各个字段的值和属性，见博客https://blog.csdn.net/YJD19970908/article/details/81189583，这这种有个方法 window.location.search.比如 //url是 https://www.baidu.com/?a...

地址栏获取url参数及在url后添加参数

Sunny的博客

12-01

3230

地址栏获取url参数及在url后添加参数 const ind = Request('solutionsInd'); let newurl = updateQueryStringParameter(window.location.href, 'solutionsInd', ind); window.history.replaceState({ path: newurl }, '', newurl); function updateQueryString

js 获取地址栏的某个参数值

mossbaoo的博客

02-02

1355

要获取地址栏的某个参数值，你可以使用 JavaScript 中的 URLSearchParams 对象或正则表达式。函数通过正则表达式匹配地址栏中的查询字符串，并返回指定参数的值。无论使用哪种方法，记得替换。是地址栏中的查询字符串，是你要获取的参数名。方法二：使用正则表达式。为你要获取的参数名。

用JS获取地址栏的参数的方法

huxixi的博客

09-28

2880

用JS获取地址栏参数的方法（超级简单）方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！） function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window

JS获取浏览器地址栏中的参数值

图图小淘气的博客

11-04

1000

获取地址栏地址内容：使用：window.location.href 获取地址栏中的所有参数：使用：window.location.search JS方法： getParamValue("id"); //http://localhost:8080/test.jsp?id=1 //返回值是1； // 根据参数名称获取参数值 function getPar...

js根据地址栏参数名称获取对应的值 getQueryString(name)

Anhk丶

03-26

901

js根据地址栏参数名称获取对应的值getQueryString(name) 方法一 //name：参数名称，return：有则返回该参数对应值，没有则返回null function GetQueryStr(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r...

js 获取地址栏参数的两种方法以及window的一些常见用法

weixin_39228870的博客

01-03

686

js 获取地址栏参数的两种方法 1. 传统方法获取： function getParas(){ var href = location.href.split("?")[1]; var paras = href.includes("&") ? href.split("&") : href; //判断是一组还是多组key:value var arr = []; for(var...

获取地址栏参数

Twisted Fate

06-11

485

用JS获取地址栏参数的方法（超级简单）方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);

JS获取当前的地址栏信息

一名假人的博客

07-12

3303

JS获取当前的地址栏信息前提声明：此篇文章非原创，转自：https://www.jb51.net/article/82519.htm 在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1 1、...

js获取地址栏url以及获取url参数

weixin_30642305的博客

07-07

104

js原生态写法代码如下复制代码 function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).m...

如何获取地址栏的id (参数)

qq_40282446的博客

10-13

3822

获取地址栏的id 需求：获取到地址栏传递过来的id值代码：方法一：(需要兼容性好) //创建URLSeachParams对象，使用对象来获取地址栏的参数 var temp = new URLSearchParams(location.search); var id = temp.get('id'); // console.log(id); 方法二：(函数封装) //从...