JavaScript获取当前页面路径的三种方法

// 获取完整的URL  
var fullUrl = window.location.href;  
console.log(fullUrl); // 输出完整的URL，例如：https://example.com/page/index.html?param=value#section  
  
// 获取路径部分（不包括域名和查询字符串）  
var pathname = window.location.pathname;  
console.log(pathname); // 输出路径部分，例如：/page/index.html  
  
// 获取查询字符串部分（包括问号）  
var search = window.location.search;  
console.log(search); // 输出查询字符串部分，例如：?param=value  
  
// 获取哈希部分（包括井号）  
var hash = window.location.hash;  
console.log(hash); // 输出哈希部分，例如：#section

var fullUrl = document.URL;  
console.log(fullUrl); // 输出完整的URL，与window.location.href相同

var urlObject = new URL(window.location.href);  
  
// 获取协议（例如："https:"）  
var protocol = urlObject.protocol;  
console.log(protocol); // 输出协议，例如：https:  
  
// 获取主机名（例如："www.example.com"）  
var hostname = urlObject.hostname;  
console.log(hostname); // 输出主机名  
  
// 获取端口号（如果有的话）  
var port = urlObject.port;  
console.log(port); // 输出端口号，默认为空字符串（如果使用的是默认端口）  
  
// 获取路径名（与window.location.pathname相同）  
var pathname = urlObject.pathname;  
console.log(pathname); // 输出路径名  
  
// 获取搜索参数（作为URLSearchParams对象）  
var searchParams = urlObject.searchParams;  
console.log(searchParams.get('param')); // 输出查询字符串中名为'param'的参数值  
  
// 获取哈希（与window.location.hash相同，但不包括井号）  
var hashWithoutPound = urlObject.hash.slice(1); // 移除井号  
console.log(hashWithoutPound); // 输出哈希部分，例如：section

let url = document.location.toString();//获取url地址
 
let urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串
 
let arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组
 
let courseId = arr[0].split("=")[1];//获取数组中第一个参数
 
let unit_title=arr[1].split("=")[1];//第二个参数
 
unit_title=decodeURI(unit_title);//转码将解码方式unscape换为decodeURI，将中文参数获取
 
console.log(unit_title);

function getUrlVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
	//返回boolean类型的数据
    return (false);
}

function getUrlParameter(name) {
    name = name.replace(/[]/, "\[").replace(/[]/, "\[").replace(/[]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.parent.location.href);
    if (results == null)
        return "";
    else {
        return results[1];
    }
}

<script>
	let name =getUrlVariable("name");
	console.log(name);
</script>