首页 前端知识 js获取url的信息或者参数

js获取url的信息或者参数

2023-05-14 16:05:35 前端知识 前端哥 272 126 我要收藏

获取当前页面路径

var pathname = window.location.pathname;
复制

获取当前页面完整的url

var url = window.location.href;
复制

获取当前页面的域名(基础url)

var domain = document.domain;
复制

获取url井号"#"后边字符串

var hash = window.location.hash;
复制

获取当前页面url问号后边的参数(字符串)

var search = window.location.search;//例如当前页面url https://www.qianduange.cn/user/index.php?uid=1//获取到的数据是 uid=1
复制

获取url参数的方法

let URL = "http://www.baidu.com?product='iPhone 13 Pro'&price=¥9999.00"function getUrlParams4(url){ // 引入 qs 库时会默认挂在到全局 window 的 Qs 属性上 // console.log(window) let urlStr = url.split('?')[1] let result = Qs.parse(urlStr) // 拼接额外参数 let otherParams = { num:50, size:6.1 } let str = Qs.stringify(otherParams) let newUrl = url str return {result,newUrl}}console.log(getUrlParams4(URL))
复制

获取指定的url参数值

function getQueryString(name) { var reg = new RegExp('(^|&)' name '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null;}// 这样调用:alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));
复制


转载请注明出处或者链接地址:https://www.qianduange.cn//article/63.html
评论
还可以输入200
共0条数据,当前/页
发布的文章

jQuery AJAX请求的统一封装

2024-02-01 12:02:53

jQuery知识学习

2024-02-01 12:02:53

JQuery——动画效果

2024-02-01 12:02:52

jQuery复习

2024-02-01 12:02:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!