【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月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
17天前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
|
11天前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
27 7
|
18天前
|
JavaScript 前端开发 索引
JavaScript获取url网址中域名后面的部分
如何截取 url 中网站域名之后的部分,需要用到以下几个方法:
66 3
|
17天前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
30天前
|
存储 开发框架 JavaScript
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
53 0
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
|
1月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
45 4
|
1月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
22 1
|
2月前
|
JavaScript 前端开发 Python
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
|
1月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
18 0

热门文章

最新文章