js获取URL中传来的参数

最新推荐文章于 2023-08-29 09:58:53 发布
最新推荐文章于 2023-08-29 09:58:53 发布
阅读量320 收藏
点赞数
分类专栏： JavaScript/jQuery 文章标签： javascript 函数 
<!DOCTYPE html>
<html>
<head>

<script>
$(document).ready(function(){
 window.onload = function test(){
    if(getQueryString("param") != undefined){
        alert(getQueryString("param"));
    }

 }

//获取URL中传来的参数的函数
 function getQueryString(key){
        var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)");
        var result = window.location.search.substr(1).match(reg);
        return result?decodeURIComponent(result[2]):null;
      }
});
</script>
</head>

<body onload="test()">
</div>
</body>

</html>
月度银墙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取页面传来参数的方法
10-25
在JavaScript中，获取页面传递的参数是一个常见的任务，特别是在处理动态网页和单页应用程序（SPA）时。页面传递的参数通常以查询字符串的形式出现在URL中，例如`...
基于JavaScript获取url参数2种方法
01-19
这次是使用JavaScript来获取url(request)中的参数 在日常页面编写的过程中为了方便操作在[removed]中通过使用[removed].href=”要跳转的页面?参数1=” rel=”external nofollow” +值1+”&参数2=”+值2 来进行页面...
Jquery 获取URL中的参数
weixin_30430169的博客
05-18 134
//获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.su...
JS · 获取url的值
weixin_42091247的博客
07-26 869
JS 获取最后一个 / 后面的值 车家大少爷 2018-09-01 15:29:00 12942 收藏 4 分类专栏： 日常问题 文章标签： js 版权 日常问题 专栏收录该内容 16 篇文章0 订阅 订阅专栏 //JS function getValue(url){ //获取最后一个/的位置 var site = url.lastIndexOf("/"); //截取最后一个/后的值 return url.substring(site + 1, url.length); } 1 2 3 4 5 6 7
获取url后面传递的参数
weixin_44460201的博客
08-29 251
** 获取url后面的参数 ** var url = window.location.href; // 获取当前地址栏的地址 var str = url.indexOf("?")+1; // 获取“？”的位置 var result = url.sunstr(str); // 获取“？” 后面的 数据 // 若是传递 多个参数 则继续 下一步 var resultArr = resul...
通过js获取url中传过来的参数
刘建峰的博客
04-27 590
// 通过js获取location.href传过来的参数 function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?")...
JS获取URL中传的参数
jiufenjian的专栏
08-03 80
比如有这样一个URL: http://localhost:7001/base/query/ListResultForQuery.jsp?type=1&xxx_chagepage=true&pagesize=2&currentpage=1 在jsp中可以通过request对象获得参数。 那么在JS中怎么得到呢？ 方法： function getUrlParam(name) { va...
JavaScript实现url参数转成json形式
11-26
总结来说，这个面试题考察了JavaScript处理URL参数的基本能力，以及对字符串操作、数组遍历和对象创建的理解。通过这个过程，开发者可以学习到如何从URL中提取信息，并将其转化为易于使用的数据结构。在实际的Web...
js传中文参数controller里获取参数乱码问题解决方法
10-26
在开发Web应用时，我们经常会遇到JavaScript（JS）向服务器发送包含中文字符的参数，但在后端控制器（如Java的Spring MVC Controller或者Node.js的Express Controller）接收到这些参数时出现乱码的情况。这个问题...
Javascript仿PHP $_GET获取URL中的参数
10-25
在JavaScript中，我们经常需要获取URL中的查询参数（query parameters），这些参数通常是以问号（?）后跟一串键值对的形式存在于URL中。在PHP中，我们可以使用全局变量`$_GET`来轻松地访问这些参数。然而，...
js如何准确获取当前页面url网址信息
mxk4869的博客
04-03 2490
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。 下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.hr...
js获取url的参数
qq_33476119的博客
03-17 97
window.onload = function(){ //获取url var url = location.href; //把Url分割成字符串数组 var querystring = url.replace("?","?&").split("&"); for(var i = 1; i < querystring.length; i++){ var que = querystring[i].split("=") var is_specia..
javascript获取url参数
wangfuying的专栏
08-03 613
window.onload=function(){      var txt = document.getElementById("rewse");    txt.value=getQueryStringRegExp("keyword");}function getQueryStringRegExp(name)    {         var reg = new RegExp("(^|//?|&
js获取Url中的参数（超级好用）
qq_36742720的博客
08-11 198
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;js获取url中的参数&lt;/title&gt; &lt;script type="text/javascript"&gt; window.onload=function(){ console.log(GetQueryString("id&
vue 获取url参数
u013302168的博客
06-09 2500
用户A分享给商品详情链接刚给用户B，用户B下单后，订单会记录用户A的佣金，就需要在商品分享给链接记录分享人即“推广人ID”。
js 获取url的多种方式
热门推荐
qq_36657291的博客
08-29 1万+
js 获取url的多种方式。
JS获取URL信息的常用方法
F520Hz的博客
06-06 6286
6、获取href属性?
JavaScript 获取url参数及解决中文乱码问题
路漫漫其修远兮，吾将上下而求索
04-30 1506
1.获取url参数 方法一： // 获取url参数 function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("=");
使用URL传递参数
H1517043456的博客
02-11 1万+
  现在比较流行RESTful风格，而通过URL进行参数的传递这就符合RESTful风格。 什么是RESTful风格呢？ 对应的中文是rest式的;Restful web service是一种常见的rest的应用,是遵守了rest风格的web服务;rest式的web服务是一种ROA(The Resource-Oriented Architecture)(面向资源的架构). 什么是REST呢...
js通过location.search来获取页面传来的参数
最新发布
09-07
JavaScript中的`location.search`属性用于获取当前页面URL中的查询字符串部分。查询字符串以`?`开头，后面是键值对的形式，键值对之间使用`&`分隔。 例如，假设当前页面的URL为`http://example.com/page.html?name=John&age=25`，我们可以使用以下代码来获取这些参数的值： ```javascript var queryParams = location.search.substring(1).split("&"); var params = {}; for (var i = 0; i < queryParams.length; i++) { var pair = queryParams[i].split("="); // 将每个键值对拆分成数组 var key = decodeURIComponent(pair[0]); // 解码键 var value = decodeURIComponent(pair[1]); // 解码值 params[key] = value; // 将键值对存入一个对象 } console.log(params); // 输出: {name: "John", age: "25"} console.log(params.name); // 输出: "John" console.log(params.age); // 输出: "25" ``` 以上代码将查询字符串部分的键值对存储在一个对象中，并且可以通过对象的属性来获取相应键的值。 需要注意的是，`location.search`会返回完整的查询字符串，包括`?`字符。因此我们使用`substring(1)`方法来去除第一个字符`?`，然后使用`split("&")`方法将字符串拆分成键值对数组。接着，我们使用`split("=")`方法将每个键值对拆分成具有两个元素的数组，其中第一个元素是键，第二个元素是值。最后，我们使用`decodeURIComponent()`方法对键和值进行解码，以便处理URL编码过的特殊字符。 这样，使用`location.search`属性可以方便地获取页面传来的参数，并进行后续的处理和使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值