当前位置:首页 > 前端 > 正文内容

js中获取当前url路径

Z先生6年前 (2020-06-22)前端805

网上转的,用的时候整理

// 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
var url = window.location.href;

// 返回当前页面的路径和文件名,如:/testdemo/test.html
var pathname = window.location.pathname;

// 返回 web 主机的端口,如:8080
var port = window.location.port;

// 返回所使用的 web 协议,如:http:
var protocol = window.location.protocol;

// 获取参数,如:?id=1&name=test
var search = window.location.search;

// 获取指定参数值
var id = getParam('id');  // 1
var name = getParam('name');  // test

function getParam(name) {
	// 取得url中?后面的字符
	var query = window.location.search.substring(1);
	// 把参数按&拆分成数组
	var param_arr = query.split("&");
	for (var i = 0; i < param_arr.length; i++) {
		var pair = param_arr[i].split("=");
		if (pair[0] == name) {
			return pair[1];
		}
	}
	return (false);
}


分享给朋友:

相关文章

H5手机上,禁用长按选择功能

1、屏蔽所有标签:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;...

简易CSS3仿照微信对话框

惯例,直接上代码HTML代码:<div class="say-box say-left"> <div class="s...

ColorUI色系

ColorUI色系

                          ...

MUMU模拟器调试APP注意事项

MUMU模拟器默认ADB端口7555,所以要么修改MUMU默认端口,要么修改IDE编辑器链接端口为7555。做好这个MARK!...

uniapp无缝滚动核心代码

1、页面代码核心代码<scroll-view class="scoll-warp">     <view&nb...

npm 更新模块

npm update只能按照package.json中标注的版本号进行更新,升级后不会修改package.json中的版本号,需要自己手动修改,比较麻烦。npm-check-updates 升级插件升...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。