在 chrome 中使用 javascript 启用禁用样式表 [英] enable disable stylesheet using javascript in chrome

问题描述

问题改写:为文档提供替代样式表的最佳方式是什么?

Rephrase of question: What is the best way to provide alternate stylesheets for a document?

我有一个样式表列表，所有这些都在 html 文件中引用.我使用 javascript 禁用除一个文件之外的所有文件.

I have a list of stylesheets, all of which are referenced in the html file. I use javascript to disable all but one file.

示例:

style1   disabled = false
style2   disabled = true

实际上，无论禁用属性如何，要加载的最后一个样式表 (style2) 都是活动的.

In practice, the last stylesheet to load (style2) is the active one, regardless of the disabled property.

如何在 chrome 文档上的样式表之间交替?

How can I alternate between stylesheets on a document in chrome?

我试图设置href 属性的值，但它似乎是只读的.

I tried to set the value of href attribute, but it seems to be read only.

我一直在使用的代码示例:(我正在使用一个名为 MenuStyles 的对象，该对象存储各种 css 信息)

example of code I have been using: (I am using an object called MenuStyles that is storing various css information)

function setActiveStyleSheet(name) {

    var selectedSheet;
    var currentSheet;
    for (var i = 0; i < MenuStyles.styleSheets.length; i++) {
        currentSheet = MenuStyles.styleSheets[i];
        if (currentSheet.name === name) {
            selectedSheet = currentSheet.sheetObj;
            currentSheet.disabled = false;
        } else {
            currentSheet.disabled = true;
        }
    }
    return selectedSheet;
}

事实证明，问题完全是由于代码中的错误造成的.disabled 属性工作正常.下面是固定函数:

it turns out the problem was due entirely to bugs in the code. disabled property works fine. below is the fixed function:

function setActiveStyleSheet(name) {
    var selectedSheet;
    var currentSheet;
    for (var i = 0; i < MenuStyles.styleSheets.length; i++) {
        currentSheet = MenuStyles.styleSheets[i];
        if (currentSheet.name === name) {
            selectedSheet = currentSheet.sheetObj;
            currentSheet.sheetObj.disabled = false;
        } else {
            currentSheet.sheetObj.disabled = true;
        }
    }
    return selectedSheet;
}

推荐答案

我能够通过设置禁用属性并在样式表中包含标题"属性来使其工作.title 属性使样式表 PREFERRED 而不是 PERSISTENT.参见 http://www.alistapart.com/articles/alternate/

I was able to get this to work with setting the disabled property and by including a 'title' attribute the stylesheets. title property makes the stylesheet PREFERRED rather than PERSISTENT. see http://www.alistapart.com/articles/alternate/

这篇关于在 chrome 中使用 javascript 启用禁用样式表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！