用replaceState操作路由的方法封装
2018-06-24 01:36:45来源:未知 阅读 ()
export class Router { ReplaceState(url, data) { var query = this.Generate(data); window.history.replaceState(url, "", query) } /** * 生成url */ Generate(data) { var search = "?"; for (var temp in data) { search += `${temp}=${data[temp]}&`; } search = search.substr(0, search.length - 1); return search; } /** * 解析search */ UrlSearch(key) { var search = window.location.search; if (search) { var searchObject = {}; var queries = search.replace(/^\?/, '').split('&'); for (var i = 0; i < queries.length; i++) { var split = queries[i].split('='); if (split[0] != "" && split[1] !== undefined) { searchObject[split[0]] = decodeURIComponent(split[1]); } } return searchObject[key]; } else { return ""; } } }
使用例子:
添加:
在window.location.href后加上a=1和b=2。
Router.prototype.ReplaceState(window.location.href, {a:1,b:2});
修改之后将会变成xxxxxxxxxx?a=1&b=2。
获取参数:
Router.prototype.UrlSearch("a");
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- JS之相等操作符详解 2020-03-12
- JS批量操作CSS属性详细解析 2020-02-29
- jquery 操作iframe的几种方法总结 2020-02-22
- vue路由跳转时判断用户是否登录功能的实现 2020-01-17
- Js操作DOM元素及获取浏览器高宽的简单方法 2019-12-31
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash