禁用 JavaScript 时的 css 回退

Css fallback when JavaScript is disabled

本文关键字：回退 css 时的 JavaScript 禁用      更新时间：2023-09-26

使用 jQuery Mobile，我使用此片段来调用 libaries...

<script src="//code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
if(typeof jQuery === 'undefined') 
{
    document.write(unescape('%3Cscript src="js/jquery-1.6.4.min.js"%3E%3C/script%3E'));
    document.write(unescape('%3Cscript src="jqm/jquery.mobile-1.1.0.min.js"%3E%3C/script%3E'));     
    document.write(unescape('%3Clink rel="stylesheet" href="jqm/jquery.mobile-1.1.0.min.css"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="jqm/jquery.mobile.structure-1.1.0.min.css"%3E%3C/script%3E'));
}
else
{
    document.write(unescape('%3Cscript src="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="//code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css"%3E%3C/script%3E'));
}
</script>

但是如果禁用了JavaScript，如何调用样式表？

如果我使用（我有点傻！...

<noscript>
<link rel="stylesheet" href="jqm/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="jqm/jquery.mobile.structure-1.1.0.min.css" />
</noscript>

。我的页面是空白的。

感谢您的帮助。

文森特

Modernizr 方法是使用 JavaScript 在加载时将一个名为"js"的类添加到 HTML 标记中，并删除一个名为"no-js"的类（在这种情况下）您自己添加。

现在，您可以仅将一些CSS样式添加到.js的后代，而将其他样式仅添加到.no-js的后代，根据自己的喜好自定义其中一种。

相关文章：