javascript取URL值的方法

最新推荐文章于 2024-07-12 09:36:48 发布
最新推荐文章于 2024-07-12 09:36:48 发布
阅读量758 收藏
点赞数
分类专栏： Javascript类 文章标签： javascript url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cdefu/article/details/3936247
版权

location.href='ping.html#chen=陈建平'


取锚点值  location.hash  结果是：#chen=陈建平



location.href='ping.html?chen=陈建平'


取？后面的值  location.href.search() 结果是：?chen=陈建平


再用substring(1)  就可以取#或？后的值了，再用split()方法可以把多个参数放入数据中


var args=xx.split('&') 

快乐无边
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript URL锚点取值方法
12-11
location.href=’ping.html#chen=陈建平‘ 取锚点值 location.hash 结果是：#chen=陈建平 location.href=’ping.html?chen=陈建平‘ 取...后的值了，再用split()方法可以把多个参数放入数据中 var args=xx.split(‘&’)
使用JavaScript获取URL中的参数(两种方法)
10-21
// 取url参数 function request(paras) { var query = location.search; // 如果提供了第二个参数，使用该参数代替默认的location.search if (arguments.length == 2) { query = arguments[1]; } // 如果...
JavaScript获取URL
weixin_34190136的博客
02-27 128
为什么80%的码农都做不了架构师？>>> ...
JavaScript获取URL参数的几种方法
weixin_74009702的博客
06-04 1973
在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。原生JS获取URL链接参数的方法有好几种，我们一起来学习一下常见的几种。1.使用正则表达式2.利用a标签内置方法3.利用split分割方法4.使用URLSearchParams方法。
Javascript获取URL地址的参数
cuipy的博客
12-22 1340
什么是URL地址的参数 在网页访问的时候，我们会通过url地址来传递参数。 例如，url地址类似： http://www.pingbuwang.com/index.html?a=12&b=hello 可以看到，这个地址中有两个参数 a 和 b 如何使用javascript获取 url地址的参数？ javascript没有办法直接读取url地址中的参数，只能通过解析字符串的方式获取。 已经有高手将这一功能做了封装，封装的类如下： QueryString = { d...
JavaScript：html获取url参数
一些平时在开发过程中遇到的常见问题，分享给大家
12-30 1400
使用場景：常用在分享页面。
三种获取URL参数值的方法
m0_60153106的博客
09-08 9484
在 URL 中，查询参数字符串值通常提供有关请求的信息，例如搜索参数或正在使用的对象的 ID。如果在前端处理任何业务或请求逻辑，了解如何从 URL 中检索查询字符串值非常重要。本文分享三种从 URL 获取参数的方法。
Javascript取url值
BigMonster's Blog
12-06 1777
以下是代码片段：      var str_url,str_pos,str_para;    var arr_param=new Array();   str_url = window.location.href;    str_pos = str_url.indexOf("?");    str_para = str_url.substring(str_pos+1);    if (str_po
javascript取url的参数
gayayzy的专栏
09-18 913
废话少说，直接上源代码，原方法： /** * @author gayayang * @date 2012-9-18 * @todo 将url的get参数取出来 * @param url * @returns */ function request(paras){ var url = location.href; var paraString = url.substr
js获取url参数值的方法总结
byteyoung
07-19 5022
js获取url参数值的方法总结 1、方式一：通过字符串截取的方式获取参数值； 2、方式二：通过正则获取到参数值； 1、方式一：通过字符串截取的方式获取参数值； 　　1）、函数一：获取URL中的参数名及参数值的集合 1 /** 2 * [获取URL中的参数名及参数值的集合] 3 * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明 4 * @pa...
JavaScript：正则表达式获取url参数
1111111111
12-14 1996
1、创建js文件，编写获取url参数的方法 export default{ getUrlKey:function(name){ return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null; } } 2、在main.js里引入js文件 3、在需.
JavaScript获取URL参数的方法之一
12-12
//JavaScript获取url，并把url中的参数变成数组的方法，arr数组的值就是各参数值 var url = [removed].href.toString(); var u = url.split("?"); var arr = []; if(typeof(u[1]) == "string"){ u = u[1]....
js取url参数.rar
01-21
总结来说，"js取url参数"是指在JavaScript中解析URL查询字符串以获取参数的过程，这可以通过简单的字符串操作或利用现成的库来实现。理解和掌握这个技巧对于进行前端开发是非常重要的，因为它常常用于页面间的通信、...
Javascript获取background属性中url的值
11-29
总的来说，这篇文章分享了一个在JavaScript中获取CSS `background-image`属性中URL值的实用技巧，并强调了处理字符串和理解CSS属性值的重要性。对于正在学习或使用JavaScript的开发者来说，这种解决问题的方法是一个...
Webkit简介以及工作流程
读心悦
07-10 311
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
最新发布
cc1314_工作、学习有感
07-12 188
通过sm4对文件进行加解密，用户输入密码
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 309
vue2、vue3首屏优化,减少白屏时间
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 166
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
JavaScript接受URL/超链接传参的方法
05-31
JavaScript可以通过以下方法来接收URL/超链接传参： 1. 使用location.search属性获取URL中的查询字符串，然后解析它们。例如： ```javascript var params = {}; var query = location.search.substring(1); if (query) { var pairs = query.split('&'); for (var i = 0; i < pairs.length; i++) { var pair = pairs[i].split('='); params[pair[0]] = decodeURIComponent(pair[1]); } } ``` 这段代码会将查询字符串解析为一个对象，每个参数名对应一个属性名，参数值对应属性值。 2. 使用location.hash属性获取URL中的哈希值，然后解析它们。例如： ```javascript var params = {}; var hash = location.hash.substring(1); if (hash) { var pairs = hash.split('&'); for (var i = 0; i < pairs.length; i++) { var pair = pairs[i].split('='); params[pair[0]] = decodeURIComponent(pair[1]); } } ``` 这段代码会将哈希值解析为一个对象，每个参数名对应一个属性名，参数值对应属性值。 3. 在超链接中添加自定义属性，然后在JavaScript中获取这些属性的值。例如： ```html <a href="/example.html" data-param1="value1" data-param2="value2">Link</a> ``` ```javascript var link = document.querySelector('a'); var param1 = link.getAttribute('data-param1'); var param2 = link.getAttribute('data-param2'); ``` 这段代码会将超链接中的自定义属性解析成变量，并将它们的值存储在相应的变量中。 以上三种方法都可以获取URL/超链接传参的值，具体使用哪种方法取决于你的应用场景。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值