JavaScript decodeURI() 函数

定义和用法

decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
语法

decodeURI(URIstring)

实际应用的时候
比如我从a页面跳转到b页面,携带时间格式的参数

2021-05-24 14:31:00

到b页面时间参数多了一个%20的问题

就成了这个样子了

2021-05-24%2014:31:00

这样的编码格式
传给后端,往往会出现格式问题,传不了
于是要对其进行处理
这个时候就需要用到decodeURI() 函数了。

例子:

a.html

<!DOCTYPE HTML>
<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script><style></style></head><body><button  type="button" class="a">跳转到b界面</button></body><script>//底部分类复选框取消和选中触发事件$(".a").click(function() {window.location.href = "b.html?username=super&workNumber=M202105241431&type=2&beginTime=2021-05-24 14:31:00&endTime=2021-05-24 14:31:00";});</script>
</html>

b.html
对获取到的时间参数进行转化一下

<!DOCTYPE HTML>
<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script><style></style></head><body></body><script>//获取对方传过来的参数function jqueryUrl(url) {debugger//将地址从"?"位置分割成两部分var arr = url.split('?');//取地址右边参数部分从"&"位置继续分割,成为单独参数列表var params = arr[1].split('&'); //得到[a=1,b=2,c=3]//定义一个空对象var obj = {};for (var i = 0; i < params.length; i++) {var param = params[i].split('='); //得到[a,1]、[b,2]、[c,3]obj[param[0]] = param[1]; //为对象赋值}return obj;}// url参数列表      var urlParams = jqueryUrl(location.href)var beginTime=decodeURI(urlParams.beginTime)var endTime=decodeURI(urlParams.endTime)console.log("开始时间",beginTime)console.log("结束时间",beginTime)</script></html>

查看全文


https://www.rstk.cn/news/1465469.html

相关文章:

  • decodeURI decodeURIComponent
  • decodeURI与decodeURIComponent
  • decodeURI decodeURIComponent 区别
  • JavaScript decodeURI() 函数-时间解码
  • (二叉树) 116. 填充每个节点的下一个右侧节点指针 ——【Leetcode每日一题】
  • 阿里云服务器的存储容量和性能如何?是否支持多种存储类型?
  • Django基础入门⑦:Django模板继承
  • 学习linux系统有什么用?
  • Linux系统有什么特点
  • linux系统能做什么的,Linux系统适合日常使用吗?普通人学Linux能干什么
  • 学linux有什么用
  • linux系统有什么用
  • Linux操作系统的主要用途是什么呢
  • linux是什么
  • 为什么要用Linux系统?
  • 学习linux能有什么用
  • linux内核是用什么语言编写的?
  • linux究竟有何优势?为何大多数程序员会选择linux?
  • 什么是Linux,它能干嘛?
  • Unix和Linux有什么区别? 通俗解释
  • 什么是Linux内核?它有什么功能?
  • 什么是Linux ,Unix和Linux有什么区别
  • 学习 Linux 有哪些好处?
  • 为什么要用Linux系统
  • Linux是干什么得?
  • 什么是Linux?Linux主要用在那?为什么有Linux?
  • Linux---Linux是什么
  • linux操作系统有什么好处?
  • Linux系统的用途
  • linux有什么作用
  • Linux简单概述
  • Linux是什么?
  • 说说Linux的用途
  • Linux NetworkManager网络服务详解
  • ae2018怎么打开2019_ae2018中英文切换的方法
  • Flutter网络请求
  • 【Applied Algebra】有限状态机和模型检测初探
  • 2-2 A pretrained model that fakes it until it makes it
  • RecyclerView 获取条目中EditText的值, 增加条目和删除条目
  • RecyclerView 获取条目中EditText的值, 增加条目和删除条目补充方案
  • ListView添加条目后,条目显示的顺序问题
  • 点击条目删除
  • 更新条目时出错
  • mysql删除条目_如何在MySQL中删除'\\'条目?
  • 路由表条目
  • 多条目展示
  • 多个条目
  • ENSP配置路由条目
  • Zip条目
  • el-cascader 创建条目
  • 目录项
  • WPF基础五:UI⑤ 带标题的条目控件ToolBar
  • Linux Ubuntu man文档的图文安装教程
  • [QT_015]Qt学习之基于条目控件的自定义特性(拖拽+右键菜单+样式)
  • Latex-条目、编号、描述
  • C#获取电脑的硬件ID
  • #家庭网络配置(华为路由与交换机)
  • [进阶]网络通信:TCP通信-支持与多个客户端同时通信
  • 用egg.js实现⼀套⽤户系统的Restful接⼝(思维导图)
  • 如何统计网页访问量
  • 网页设计语言html做思维导图,纯css3实现思维导图样式示例
  • Loki+Grafana(外)采集Kubernetes(K8s)集群(基于containerd)
  • 第九章 总结及作业(4)【编译原理】
  • 2023年第1季社区Task挑战赛贡献者榜单
  • Win10Key
  • Python的Dict根据value找到key
  • distinctByKey
  • python基础语法——字典中的dict.get(key)与dict[key]
  • 代码审计-Java项目Filter过滤器CNVD分析XSS跨站框架安全
  • python中dict里的fromkeys用法
  • 使用dict.key
  • python中dict的fromkeys用法
  • DIG的使用
  • 【python】dict更新key(键)的方法
  • dic={key:“字典”}
  • dict.fromkeys
  • Python字典get方法和dic[key]的区别
  • 7.按键循环灯及proteus仿真
  • Reids的BigKey和HotKey
  • dig用法详解
  • Redis BigKey介绍
  • Android之 Zxing二维码详解
  • 关于dict.key和dict.key()
  • usbkey
  • python中的dic.items(), dic.keys(), dic.values()
  • dig命令使用详解|使用dig命令挖掘域名解析信息
  • CISCN2023 badkey1badkey2
  • dig 命令使用
  • python dic.keys()
  • dig详细使用教程
  • 软件测试面试--说一个印象最深的bug?
  • 软件测试面试常见问题
  • 软件测试面试-为什么选择软件测试?
  • 资源名称释义
  • 类的真正形态
  • excel数据的编排与整理——行列的批量处理
  • conv2d 公式_理解keras中conv2d层的输出形状
  • Pytorch——Conv2d、conv2d
  • torch.nn.Conv2d详解
  • Gradio Blocks:queue、integrate和load方法介绍
  • 本文链接:https://my.lmcjl.com/post/1035.html

    展开阅读全文