js 获取url参数（函数封装）

本篇总结js获取url参数的几种方式，再最后，封装了一个函数，用来获取url中的参数。

（一）关于获取url的一些基础知识

1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值:
代码如下 复制代码
http://www.php230.com :80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere2,window.location.protocol
URL 的协议部分
本例返回值:http:3,window.location.host
URL 的主机部分
本例返回值:www.php230.com4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符
本例返回值:""5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html6,window.location.search
查询(参数)部分
除了给动态语言赋值以外，我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=67,window.location.hash
锚点
本例返回值:#imhere

（二）封装函数，获取url后面传递过来的参数

//封装的函数
function getUrlParams(objName) {var data = window.location.href;if(data.indexOf("?")<0) return undefined; //判断是否存在参数var allParamsArr = data.split("?")[1].split("&"), returnObj = {};if(allParamsArr.length==0) return undefined; //参数是否带惨，狗屁的有的人无聊带问号不带参数的for(var i =0; i<allParamsArr.length; i++) {returnObj[`${allParamsArr[i].split("=")[0]}`] = allParamsArr[i].split("=")[1]}return returnObj[`${objName}`]
}//引用方式
// 假设地址是："http://localhost:8989/#/saleMgr/houseQuery?_k=1rcgps&sp=123&un=undefine"
var a = getUrlParams('sp') //返回 "123" 字符串
var a = getUrlParams('un') //返回 "undefine" 字符串
var a = getUrlParams('unn') //不存在，即返回 undefine

附图一张吧：

ok~~

js 获取url参数（函数封装）相关推荐

js获取url 参数方法封装
js获取url 参数方法封装 // 获取url 参数getUrlParam(params) {let url = location.href;url = url.replace("?&quo ...
SQLAlchemy中模糊查询;JS中POST带参数跳转;JS获取url参数
SQLAlchemy中模糊查询,如何like多个关键字 JS中POST带参数跳转一个项目中要跳转到另外一个项目,还需要带参数考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参所以找到了 ...
js 获取url参数问题
网上常常找到的js获取url参数的方法是: /** * @param {String} name 参数名称 * @param {String} url 请求的Url,可以填,如果不填为当 ...
html js发送http请求数据格式,JS获取url参数,JS发送json格式的POST请求方法
一.获取url所有参数值 function US() { var name, value; var str = location.href; var num = str.indexOf("? ...
原生js获取URL参数
原生js获取URL参数 function getUrlParams(name) { // 不传name返回所有值,否则返回对应值var url = window.location.search;//s ...
js获取url参数vue.js获取url参数 JQ获取url参数
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 1.window.location.href(设置或获取整个 URL 为字符串) ...
js获取 url 参数
js获取 url 参数获取 url 中的参数指定参数名称,返回该参数的值或者空字符串不指定参数名称,返回全部的参数对象或者 {} 如果存在多个同名参数,则返回数组不支持URLSearch ...
js 获取 url 参数 URLSearchParams
js 获取 url 参数方法一 URLSearchParams 方法 // 创建一个URLSearchParams实例 const urlSearchParams = new URLSearchPa ...
js 获取url 参数
js 获取指定参数,带转化 function GetUrlParam(paraName){var url = document.location.toString();var arrObj = url ...

js 获取url参数（函数封装）

js 获取url参数（函数封装）相关推荐

最新文章

热门文章