当前位置:首页 > 前端

js中获取当前url路径

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

网上转的,用的时候整理

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


分享给朋友:

相关文章

HTML5桌面通知开启代码片段

<script type="text/javascript"> function showmsg() {   &n…

uniapp无缝滚动核心代码

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

js获取指定文件的路径

获取指定js文件的路径var src = '/static/js/demo.js'; var path = src.sub…

一个很漂亮的404页面

一个很漂亮的404页面

下载地址:404.zip…

vue踩坑记20201027

elemeui/antd等框架,再使用复选框、下拉选择框时,如果通过v-model绑定了值,那么选择时,界面不会改变。方法一:使用default-value指定默认值,@change去改变本该v-mo…

UNIAPP内容区域高度定义

代码如下height: calc(100vh - var(--window-top) - var(--window-bottom));CSS变量uni…

发表评论

访客

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