获取页面url及参数

      参考地址;
      https://www.jianshu.com/p/f988e4ebd627
      https://www.jianshu.com/p/f988e4ebd627
      https://www.cnblogs.com/lgx5/p/7898647.html


      window的location对象

      window.location获取所有信息
      获取页面域名地址: window.origin 或者 document.location.origin 或者 window.location.origin
      获取页面地址: window.location.href 
      window.location.search  search	从问号 (?) 开始的 URL(查询部分)
获取当前页面的地址url:
window.location.href

获取页面域名地址:
window.origin 或者 document.location.origin 或者 window.location.origin

如: https://www.baidu.com/s?ie=UTF-8&wd=百度
获取 href 属性中跟在问号后面的部分及指定的参数  ie=UTF-8&wd=百度

getQeuryVariable (variable) {

	var test = window.location.search.substring(1)
	let query = test.split('&')
	for ( let i = 0; i < query.length; i++) {
		let pair = query[i].split('=')
		if (pair[0] === variable) {
			return pair[1] 
		}
	}
	 return false	   	
}

 
 getQeuryVariable (wd)    
  返回:百度
  let url = 'http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明'
  function getQuery(querys) {
  	// window.location.search.substring(1)  uid=admin&rid=1&fid=2&name=小明
  	// window.location.search.substring(0)  ?uid=admin&rid=1&fid=2&name=小明
  	// let query = window.location.search.substring(1)
  	let query = url.split('?')[1]
  	let vars = query.split('&')
  	for (let i = 0; i < vars.length; i++) {
  		let paris = vars[i].split('=')
  		if (paris[0] === querys) {
  			return paris[1]
  		}
  	}
  }
  let ques = getQuery('fid')
  let n = getQuery('name')
  let uid = getQuery('uid')
  console.log('ques', ques, 'n', n, 'uid', uid)//ques 2 n 小明 uid admin
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值