- 28
- 0
一个vue项目下有多个平台,根据客户访问的域名来确定加载哪个平台的样式及js,大多数都是通用的,所以只能把不通用的抽出来为单独的文件,例如a.css和b.css,打算动态加载某一个文件,在页面上以变量形式import进去,但是如何实现动态加载及怎样的目录结构比较好
- 共 0 条
- 全部回答
-
全球变暖丶我心却变冷 普通会员 1楼
在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()方法。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

