JS动态引入相对路径的CSS文件

最新推荐文章于 2024-04-03 10:52:22 发布

穿越的马里奥

最新推荐文章于 2024-04-03 10:52:22 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js操作 js理论前端

本文链接：https://blog.youkuaiyun.com/qq_37644845/article/details/88869004

本文介绍了如何在JavaScript中获取当前页面的相对路径，并动态加载CSS文件。通过引用的相关博客，读者可以学习到动态加载CSS的详细步骤，包括获取路径的方法和实际引入CSS文件的实践建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS动态引入相对路径的CSS文件

1. 获取相对路径
2. 动态加载css文件
3. 引入css

1. 获取相对路径

参考 https://www.cnblogs.com/dragondean/p/js-self-path.html

// 获取js完整路径
function getMySrc() {
    var scriptSrc = document.getElementsByTagName('script')[document.getElementsByTagName('script').length - 1].src;
    return scriptSrc;
}
// 获取js文件名
function getMyScriptName() {
    var scriptSrc = document.getElementsByTagName('script')[document.getElementsByTagName('script').length - 1].src;
    var jsName = scriptSrc.split('/')[scriptSrc.split('/').length - 1];
    return jsName;
}
 // 获取js所在位置
function getMyPath() {
    var scriptSrc = document.getElementsByTagName('script')[document.getElementsByTagName('script').length - 1].src;
    var jsName = scriptSrc.split('/')[scriptSrc.split('/').length - 1];
    return scriptSrc.replace(jsName, '');
}