账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    根据域名动态加载css文件
    28
    0

    一个vue项目下有多个平台,根据客户访问的域名来确定加载哪个平台的样式及js,大多数都是通用的,所以只能把不通用的抽出来为单独的文件,例如a.css和b.css,打算动态加载某一个文件,在页面上以变量形式import进去,但是如何实现动态加载及怎样的目录结构比较好

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在JavaScript中,我们可以使用DOM(Document Object Model)的document.querySelector()document.createElement()方法来动态加载CSS文件。以下是一个简单的示例:

      ```javascript // 获取需要加载CSS的元素 var element = document.querySelector('.myClass');

      // 动态加载CSS文件 document.querySelector('.myClass').classList.add('myClass-Style');

      // 删除加载的CSS文件 document.querySelector('.myClass').classList.remove('myClass-Style');

      // 如果需要动态加载CSS文件,则继续执行代码 if (element.classList.contains('myClass-Style')) { // 动态加载CSS文件 document.querySelector('.myClass').classList.add('myClass-Style2');

      // 删除加载的CSS文件 document.querySelector('.myClass').classList.remove('myClass-Style2'); } ```

      在这个示例中,我们首先获取了一个需要加载CSS的元素,然后使用classList.add()方法将myClass-Style添加到该元素的类列表中。然后,我们使用classList.remove()方法将myClass-Style2从该元素的类列表中移除。最后,如果myClass-Style还在类列表中,那么我们就继续执行加载CSS的代码。

      注意,classList.add()classList.remove()方法都会在DOM树被添加或删除时执行,因此如果需要在DOM树被更新时执行加载CSS的代码,那么应该使用classList.contains()方法来检查元素是否已经添加到类列表中,而不是使用classList.add()classList.remove()方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部