【JS】获取当前<script>标签src属性的url跟的参数和相对路径(无论引入的JS是外部、内部)

简介: 【JS】获取当前<script>标签src属性的url跟的参数和相对路径(无论引入的JS是外部、内部)

前言


因为代码和逻辑都比较简单,也有一些注释,就直接上代码了!


引入js的获取src属性里值的方法(无论内外部)


// 当前是引入外部js的时候的代码
var params = getUrlParam();
for (var param in params) {
    console.log(param, ":", params[param]);
}
// 获取当前url后跟的参数
function getUrlParam() {
    var arraytemp = getSplitUrl();
    var paramMap = {};
    if (arraytemp.length < 2) {
        return paramMap;
    }
    //如果不带参数,则不执行下面的代码
    var paramJson = arraytemp[1].split("&");
    for (var param of paramJson) {
        var k_v = param.split("=");
        if (k_v.length == 2) {
            paramMap[k_v[0]] = k_v[1];
        }
        // console.log(param)
    }
    // console.log(paramMap)
    return paramMap;
}
// 获取当前下的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 js = document.getElementsByTagName("script");
    // js加载的是当前引用的js,得到script,并把src用'?'分隔成数组
    var arraytemp = js[js.length - 1].src.split('?');
    return arraytemp;
}


文章小尾巴


文章写作、模板、文章小尾巴可参考:《写作“小心思”》


  感谢你看到最后,最后再说两点~


  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。

  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~


  我是南方者,一个热爱计算机更热爱祖国的南方人。


  (文章内容仅供学习参考,如有侵权,非常抱歉,请立即联系作者删除。)



目录
相关文章
|
2月前
|
JavaScript 前端开发
js获取url参数值的几种方式
js获取url参数值的几种方式
|
4天前
|
JavaScript 前端开发 Python
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-枚举对象中的属性
关于JavaScript基础知识中如何枚举对象属性的介绍。
27 1
JavaScript基础知识-枚举对象中的属性
|
26天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
11 1
|
7天前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
20 0
|
2月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
51 0
|
2月前
|
JavaScript 前端开发
js常用属性
js常用属性
11 0
|
2月前
|
JavaScript 前端开发
JavaScript常用的属性
JavaScript常用的属性
|
2月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
2月前
|
Java
JAVA 获取 URL 指定参数的值
JAVA 获取 URL 指定参数的值
38 0
下一篇
无影云桌面