javascript - 根据 URL 路径使用不同的 CSS 文件
问题描述
我有以下文件:App.vue
, changcolor.vue
, config.json
, main.js
, index.html
, xyz.css
, abc.css
.
根据 URL,我想应用正确的 CSS 文件,例如,如果 URL 是“xyz.local.com”,那么我们将使用 xyz.css,如果“abc.local.com”,那么我们将使用 abc .local.com 。这也应该是白标代码。
解决方案
如何制作一个新link
标签并根据 URL 提供适当的属性。所以它会像:
mounted() {
let link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
let hostname = window.location.hostname
hostname = name.split(".")[0]
if(hostname == "abc"){
link.href = "abc.css"
} else {
link.href = "xyz.css"
}
document.getElementsByTagName('HEAD')[0].appendChild(link);
}
推荐阅读
- regex - 有人可以分解这个正则表达式吗?
- c# - 将多个值从 WebApi(post)返回到 AngularJs
- mysql - 在 Spring Boot 应用程序启动之前带有事件调度程序的 MySQL 脚本
- css - 如何防止全局css选择器干扰Angular(6)中的孤立组件?
- elasticsearch - Kibana - 显示相对于其他图表结果的统计数据(百分比)
- java - Java/OpenCV - 如何在 openCV 中编写无损 h264 视频?
- google-sheets - 比较 Google 表格 QUERY() 公式中的日期
- webrtc - WebRTC/Mediarecorder 流到 FFMPEG JS
- python - Python Windows 原始套接字无效绑定参数
- c# - 如果矩形阵列速度较慢,那么它们比锯齿阵列有什么优势?