利用location对象来解析网址参数

最新推荐文章于 2023-11-22 19:07:31 发布
最新推荐文章于 2023-11-22 19:07:31 发布
阅读量518 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoyao9524/article/details/82702550
版权

示例网址：http://www.abcd.com:5000/a/b?a=1&b=2#c=3&d=4

  • location.href
"http://www.abcd.com:5000/a/b?a=1&b=2#c=3&d=4"
  • location.protocol
"http:"
  • location.hostname
"www.abcd.com"
  • location.host
"www.abcd.com:5000"
  • location.port
"5000"
  • location.pathname
"/a/b"
  • location.search
"?a=1&b=2"
  • location.hash
"#c=3&d=4"

 

xiaoyao9524
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用a标签自动解析URL分析网址实例
09-04
这个特性是通过其`href`属性实现的，与`window.location`对象相似，`<a>`标签的`href`属性包含了URL的各种组成部分，如协议、主机名、端口、查询字符串等。 `window.location`对象是浏览器提供的一个全局对象，它...
JS解析url查询参数的简单代码
10-19
首先，让我们来看一下解析URL查询参数的基本方法。URL查询参数通常以问号（?）后跟随一系列键值对的形式存在，例如 `www.u.com/home?id=2&type=0&dtype=-1`。以下是一个简单的函数 `parseUrl`，用于将这种格式的字符...
location对象-解析URL查询字符串参数
weixin_30423977的博客
04-02 128
function getQueryStringArgs(){ var qs=(location.search.length>0?location.search.substring(1):""), args={}, items=qs.length?qs.split("&"):[], item=null,...
解析URL参数
weixin_43245848的博客
06-08 177
直接上代码 //获取urlToken中参数 function GetUrlPara() { //获取网址URL //var url = window.location.href; var url = "http://10.4.0.195/CallCenterWeb/pages/CallCenter/KpiBank.html?v=1621925366863&t=eyJhbGciOiJIUzUxMiJ9."; var r = getQueryString(url,"t"); return r;
有关网址获取信息的Location对象的使用
qq_41559229的博客
10-11 227
Location对象的属性介绍 首先Location是BOM里面一个比较重要的内容，获取Location的信息的代码是： console.log(window.location) 下面的对象介绍默认是在Location的后面点出来的。 hash 这个属性是获取地址栏上#以及后面的内容 host 获取主机名及端口号，注意这是获取本机的。 hostname 这是获取主机名，同样是本机的。 pathn...
php 解析网址参数,PHP解析URL并得到URL中的参数
weixin_42161497的博客
04-13 98
//例举一个URL格式的字符串:$str = 'http://test.com/testdir/index.php?param1=10&param2=20&param3=30&param4=40&param5=50&param6=60';//1.0 用parse_url解析URL,此处是$str$arr = parse_url($str);var_dump(...
location对象的属性和方法应用(解析URL)
weixin_30444105的博客
05-09 161
本文将与大家分享下location对象使用属性和方法来解析URL的实例，感兴趣的朋友可以参考下，希望对你有所帮助 location对象提供了很多属性和方法用来解析URL。 复制代码代码如下: <head><title></title><script type="text/javascript">var uristr = windo...
js代码-js解析url查询参数
07-16
对于不支持`URLSearchParams` API的旧浏览器，我们可以使用字符串方法来解析查询参数： ```javascript let query = window.location.search.substring(1); // 去掉问号 let params = query.split('&').reduce((prev...
flash 得到自身url参数的代码
09-05
然后，我们定义一个JavaScript函数`getURLVars()`，该函数将从当前URL中解析参数，并将其作为对象返回。接着，我们通过`ExternalInterface.addCallback()`注册这个JavaScript函数，以便在Flash中调用它。当函数执行...
详解前端在html页面之间传递参数的方法
09-28
- 可以直接修改`window.location.href`的值来实现页面跳转并携带参数。例如： ```javascript window.location.href = 'receive.html?hid=' + encodeURIComponent('参数值'); ``` 这里使用`encodeURIComponent`...
js解析url查询参数
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
08-06 8381
var path = 'www.u.com/home?id=2&type=0&dtype=-1';function parseUrl(url){ var result = []; var query = url.split("?")[1]; var queryArr = query.split("&"); queryArr.forEach(function(item)
关于原生location对象的解析
Linjing127218的博客
01-04 290
Location对象 location对象包含有关当前URL的信息； 相关属性： hash:设置或返回从井号（#）开始的URL; host:设置或返回主机名和当前URL的端口号； hostname:设置或返回当前URL的主机名; href:设置或返回完整的URL; pathname:设置或返回当前URL的路径部分; port:设置或返回当前URL的端口号; protocol:设置
URL网址解析 && DNS域名解析
最新发布
m0_52892328的博客
11-22 2201
1、URL网址解析 2、DNS域名解析
详解location对象
热门推荐
Army-海军的博客
06-15 1万+
Location 接口表示其链接到的对象的位置（URL）。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location，分别通过 Document.location和Window.location 访问。
通过window.location.href 或 window.location.search 获取url的参数集合以及某个参数的值
agua001的博客
08-15 5943
通过window.location.href 或 window.location.search 获取url的参数集合以及某个参数的值
获取location.href的参数 | 页面跳转传递参数
随便写写
11-17 3054
页面跳转传递参数,location.href
获取location.href跳转路径的参数
m0_44949211的博客
09-09 1811
var id=“123456789”; window.location.href=“路径?id=”+id; 在跳转到的页面中获取参数: //获取url中"?“符后的字串 ?id=“123456789” var url = location.search; var id,str,strs; if(url.indexOf(”?") != -1) { str = url.substr(1); strs = str.split("="); id = strs[1]; } ...
获取window.location.href里面的值、获取URL中的参数、Js页面A跳转到页面B及URL携带参数
林中明月间丶
08-17 1万+
https://www.it1352.com/1203461.html // 解码用 decodeURIComponent(str) // 编码用 encodeURIComponent(str) 获取window.location.href里的参数值 lethref=window.location.href; letpersonName=this.getUrlParam("personName",href); //url中解析参数 getUrlParam: fun......
location对象详解
weixin_41886421的博客
03-10 1865
location对象详解
window.location.href如何解析参数
09-15
window.location.href是一个包含当前页面URL的字符串。如果URL中包含参数，可以使用JavaScript的URLSearchParams对象解析这些参数。以下是一个示例代码： ``` // 获取当前页面的URL var url = window.location.href; // 创建URLSearchParams对象，并传入URL作为参数 var searchParams = new URLSearchParams(url); // 使用get()方法获取特定参数的值 var paramValue = searchParams.get('paramName'); // 输出参数值 console.log(paramValue); ``` 在这个例子中，我们首先获取了当前页面的URL并创建了一个URLSearchParams对象。然后，我们使用get()方法来获取特定参数的值，将参数名作为参数传递给get()方法。最后，我们将参数值输出到控制台。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值