前言
因为代码和逻辑都比较简单，也有一些注释，就直接上代码了！
另外，如果要获取
<script>标签src属性值url的参数和相对路径可以参考：获取<script>标签src属性的url跟的参数和相对路径（无论引入的JS是外部、内部）
测试效果
核心js代码
<script type="text/javascript">
var params = getUrlParam();
for (var param in params) {
console.log(param, ":", params[param]);
}
// 获取当前页面的url
function getRelativeUrl() {
var arraytemp = getSplitUrl();
// console.log(arraytemp)
// console.log(arraytemp[0].lastIndexOf("/"));
var urlNum = arraytemp[0].lastIndexOf("/");
if (urlNum > 0 && arraytemp[0].length > urlNum) {
return arraytemp[0].substring(0, urlNum + 1);
} else {
return arraytemp[0];
}
}
// 获取当前外部引入script里的src路径
function getSplitUrl() {
var href = window.location.href;
var url = href.split("?");
return url;
}
</script>
完整html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【JS】获取页面的url的参数和相对路径（掘金-南方者）</title>
</head>
<body>
<h1>掘金-南方者</h1>
<a href="https://juejin.cn/user/2840793779295133/posts">传送门</a>
</body>
<script type="text/javascript">
var params = getUrlParam();
for (var param in params) {
console.log(param, ":", params[param]);
}
// 获取当前页面的url
function getRelativeUrl() {
var arraytemp = getSplitUrl();
// console.log(arraytemp)
// console.log(arraytemp[0].lastIndexOf("/"));
var urlNum = arraytemp[0].lastIndexOf("/");
if (urlNum > 0 && arraytemp[0].length > urlNum) {
return arraytemp[0].substring(0, urlNum + 1);
} else {
return arraytemp[0];
}
}
// 获取当前外部引入script里的src路径
function getSplitUrl() {
var href = window.location.href;
var url = href.split("?");
return url;
}
</script>
</html>
文章小尾巴
文章写作、模板、文章小尾巴可参考：《写作“小心思”》
感谢你看到最后，最后再说两点~
①如果你持有不同的看法，欢迎你在文章下方进行留言、评论。
②如果对你有帮助，或者你认可的话，欢迎给个小点赞，支持一下~
我是南方者，一个热爱计算机更热爱祖国的南方人。
（文章内容仅供学习参考，如有侵权，非常抱歉，请立即联系作者删除。）
