JS获取url参数及url编码、解码

最新推荐文章于 2023-06-06 15:44:48 发布
最新推荐文章于 2023-06-06 15:44:48 发布
阅读量203 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuchen352416/article/details/50159835
版权

完整的URL由这几个部分构成：scheme://host:port/path?query#fragment ，各部分的取法如下：

 

window.location.href：获取完整url的方法：,即scheme://host:port/path?query#fragment

window.location.protocol：获取rul协议scheme

window.location.host：获取host

window.location.port：获取端口号

window.location.pathname：获取url路径

window.location.search：获取参数query部分，注意此处返回的是?query

window.location.hash：获取锚点，#fragment

何时_枫叶红
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript URL编码和解码使用说明
10-29
在使用url进行参数传递时，经常会传递一些中文名的参数或URL地址，在后台处理时会发生转换错误。
JavaScript、C# URL编码、解码总结
11-27
JavaScript部分 encodeURI() （解码为：decodeURI()）：不会转义的字符：- _ . ! ~ * ‘ ( ) ;/?:@&=+$,# 例如： encodeURI(“//www.jb51.net?a=-_.!~*'();/?:@&=+$,#”) 输出： “//www.jb51.net?a=-_.!~*'();/?:@&=+$,#” encodeURIComponent() （解码为：decodeURIComponent() ）：不会转义的字符： – _ . ! ~ * ‘ ( ) 例如： encodeURIComponent(“//www.jb51.net?a=-_
JS对URL字符串进行编码/解码分析
01-21
虽然escape()、encodeURI()、encodeURIComponent()三种方法都能对一些影响URL完整性的特殊 字符进行过滤。但后两者是将字符串转换为UTF-8的方式来传输，解决了页面编码不一至导致的乱码问 题。例如：发送页与接受页的编码格式(Charset)不一致（假设发送页面是GB2312而接收页面编码是 UTF-8），使用escape()转换传输中文字串就会出现乱码问题。 以下是JS下对URL进行编/解码的各种方法： escape 方法：返回一个可在所有计算机上读取的编码 String 对象。 function escape(charString : String) :
JSP中js传递和解析URL参数以及中文转码和解码问题
01-08
1.传递参数： 代码如下: var pmt = ‘sensor=’+ encodeURI(encodeURI(sensor))+’&device=’+encodeURI(encodeURI(device))+’&instrument=’; pmt += encodeURI(encodeURI(instrument))+’&n=’+n+’&addDate=’+addDate; top.location.href = ‘jsp/print/diagnosticAnaPrint.jsp?’+pmt; 2.接收和解析参数 代码如下: //获取URL参数 function GetRequest()
JS中对URL进行转码与解码
u010227042的博客
11-29 7653
1.escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。 采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。 escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。 escape()函数用于js对字符串进行.
js对url进行编码解码（三种方式）
muzidigbig的博客
11-08 1万+
js对url进行编码解码
javascript对url进行编码和解码
ingenuou_的博客
05-05 577
javascript对url进行编码和解码
js 对url进行编码和解码
PrimaryColor
12-14 2万+
三种编码和解码函数： encodeURI和 decodeURI 它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。 需要注意的是，它不对单引号’编码。 encodeURIComponent和decodeURIComponent（推荐使用） 它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。 因此，"; /
javascript 中的 URL 解码
最新发布
迹忆客
06-06 4794
这篇文章简单介绍了 JavaScript，并讲授了 URL 编码和解码是什么。和，并给出了一些例子。两种方法都以两种方式工作，根据需要使用合适的方法。unescape()方法最近已被弃用，取而代之的是，我们可以使用其他两种方法作为解决方案。
JS路由传参传对象及中文字符
Starjg101的博客
06-24 1581
var str = JSON.stringify(strAddrs); //对象转为字符串 str = "../position.html?strAddrs="+str; //路由拼接 str = encodeURI(str); //encodeURI()是Javascri...
js获取url中的参数且参数为中文时通过js解码
10-26
主要介绍了url中传递中文参数的时候通过js解码,需要的朋友可以参考下
JS获取URL中参数值（QueryString）的4种方法分享
12-09
方法一：正则法 代码如下:function getQueryString(name) {    var reg = new RegExp(‘(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’);    var r = [removed].search.substr(1).match(reg);    if (r != null) {        return unescape(r[2]);    }    return null;}// 这样调用：alert(GetQueryString(“参数名1”)); alert(GetQueryString(“参数名
JavaScript获取Url中的参数（解决中文乱码）
10-09
JavaScript获取Url中的参数（解决中文乱码） 可以点击更改URL按钮 修改url中的参数
javascript: 解析前端路由，自己实现一个前端路由机制
babachao的博客
02-01 1148
javascript: 深度解析前端路由(自己实现一个前端路由机制) 前端路由简介 前端路由机制主要是应用在SPA单页面架构中 页面交互快，并且是无刷新的,改变URL不会向服务器发起请求（改变URL指的是js变化,不是页面重新加载）js中有API支持,能监听url变化,并且解析内容,再走对应的逻辑操作前端路由的实现主流方案有两种,分别是Hash和History 虽然前端路由用户体验更好,更快,但鱼和熊掌不可兼得,得到了更好的东西,总会失去一些其它东西，比如： 初次加载耗时相对增多（需要开发人员做优化）
JS中URL参数的编解码
热门推荐
YinghaoGuo的博客
07-19 4万+
HTML中的$("form").serialize()函数，在submit按钮点击时，将form表单中含有name的input整理成一个“name=aaa&pass=bbb”这样的字符串，使用get方法请求时会将此后缀添加到请求url后面，如果请求内容中存在汉字（即form表单中需要传输的input中有汉字），汉字将转换为一种由“%”开头的编码，如下图： 下图是将$("form").serial
Python读文件写文件（txt）
annasu_56的博客
09-09 242
如果你需要创建文件，文件里面包含多个参数，如果你的数据源来自另一个文件，那么这篇文章对你有用。
JS获取url参数
qq_41437844的博客
07-08 2678
以下JS函数用于获取url参数: 使用实例(url 实例：)
【前端实用工具集】js对url进行编码和解码的三种方式
loyd3的博客
12-06 8884
前提知识：只有 0-9[a-Z] $ - _ . + ! * ’ ( ) , 以及某些保留字，才能不经过编码直接用于 URL。中文字符等会被转码 1 escape 和 unescape 对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。 escape编码，unescape解码 例子： 编码： escape(‘http://www.baidu.com?name=zhang@xiao@jie&order=1’) 结果：“http%3A//www.baid
html获取url参数
05-25
可以使用 JavaScript 中的 `window.location.search` 属性来获取 URL 中的查询参数部分，然后再解析成对象或数组。 例如，如果 URL 是这样的：`http://www.example.com/?param1=value1&param2=value2` 那么可以使用以下代码来获取参数： ```javascript const queryString = window.location.search; console.log(queryString); // 输出: "?param1=value1&param2=value2" ``` 然后可以将查询参数解析成对象： ```javascript const params = new URLSearchParams(queryString); console.log(params.get('param1')); // 输出: "value1" console.log(params.get('param2')); // 输出: "value2" ``` 或者解析成数组： ```javascript const paramsArray = queryString.slice(1).split('&'); console.log(paramsArray); // 输出: ["param1=value1", "param2=value2"] ``` 需要注意的是，如果查询参数中包含中文或特殊字符，可能需要进行编码或解码。可以使用 `encodeURIComponent()` 和 `decodeURIComponent()` 方法来处理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值