通过 Javascript 动态选择 CSS URL
select CSS URL dynamically via Javascript
有没有办法添加一个<link rel="stylesheet" type="text/css">
,根据一些Javascript表达式计算动态选择URL?
(不使用jQuery或其他外部库 - 我想避免依赖外部库。
特别是我想在页面加载期间或作为页面加载的结果运行一些 Javascript,而不是在以后运行,但我确实想确保由于运行该 Javascript 而加载已替换或添加的 CSS。
试试这个:
功能:
function swapStyleSheet(sheet){
document.getElementById('pagestyle').setAttribute('href', sheet);
}
激活:
<button onclick="swapStyleSheet('dark.css')">Dark Style Sheet</button>
欢迎您尝试此功能。
function addStylesheet(file) {
var
head = document.getElementsByTagName("head")[0],
style = document.createElement("link");
style.rel = "stylesheet";
style.type = "text/css"; //optional
style.href = file;
head.appendChild(style);
}
addStylesheet("style.css");
相关文章:
- 多个if语句根据URL返回css值
- 如果URL为(value),则使用css类
- 如何为CSS和javascript指定基本url
- 在php中htaccess重定向url后,无法加载css和js
- Angular sqlLite set css url()无法设置相对路径
- css中的url用angular重写
- 使用skel框架构建的响应式网站只有在使用漂亮的URL时才能应用css
- 将URL加载到CSS动画滑动iframe中
- Javascript 中的动态 CSS 图像 URL
- CSS 在基于 URL 上工作,但不在网站的其他页面中使用.代码点火器
- 根据 URL 在两个不同的 CSS 定义之间切换
- 当 CSS 来自云或 CDN 时,如何设置 CSS 的回退 URL
- 从另一个域加载 CSS 和 JS 文件,并从一致的 URL 提供资源
- 如何检索 CSS 中定义的背景图像 URL
- 使用 jQuery 更改特定 CSS 类的 URL
- 使用DataURI图像提高CSS-url()的性能
- 为什么有些JS/CSS URL的问号后面有数字
- IIS URL重写CSS URL()值时出现问题
- 使用CSS3背景大小的覆盖.因为这使用了一个css url的图像,它是可能得到全屏在IE8和更老的
- 通过 Javascript 动态选择 CSS URL