当前位置:首页 > 前端

js中获取当前url路径

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

网上转的,用的时候整理

// 返回 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);
}


分享给朋友:

相关文章

小程序二维码传参处理&UNIAPP H5传参兼容处理

首先小程序生成二维码,我这里调用的接口是:getUnlimited,我传递的参数是:invite=10001接着就是小程序中处理,如果直接扫二维码在App.vue的onLaunch中,使用decode…

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

核心HTML代码:核心点:外层类“submenu-warp”子菜单类:“submenu”<div data-href="#mainurl" class=&…

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态…

MUMU模拟器调试APP注意事项

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

npm删除掉所有模块并重新安装的方法

1、删除目录:node_modules2、运行清理命令npm cache clean -f3、安装npm install…

微信小程序强制热更新

微信小程序强制热更新

微信小程序分为冷启动和热启动,在更新后,一般需要一个周期,用户端才会重新更新。官方从小程序基础库版本1.9.90开始支持强制更新异步更新 + 强制更新方案介绍从基础库 1.9.90 开始,我们提供了&…

发表评论

访客

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