代码之家 › 专栏 › 技术社区 › Jitendra Vyas

如果javascript被禁用,如何加载外部css文件

xhtml css jquery javascript

Jitendra Vyas · 技术社区 · 15 年前

应该在IE6到9,Firefox Google chrome,Safari中工作

我试过了 <noscript> 保持 <无脚本> 但在IE7里不行

5 回复 | 直到 15 年前

cherouvim 15 年前

我会反过来做。总是加载css,它将包含前缀为 body.jsEnabled

这种“发现能力”的方法大概是 http://www.modernizr.com/ 作品。

Yahel 15 年前

我已经在IE7中测试了这个方法,它很有效。放 <style> <link> 在 <noscript>

<noscript>
<style type="text/css">
 @import url (yourexternalfile.css);

body{
background-color: purple;
}

</style>
</noscript>

编辑:

这是在IE7中工作的截图。 alt text

gertas 15 年前

<html>
  <head>
    <script type="text/javascript"> document.write('<'+'!--'); </script>
       <link rel="stylesheet" type="text/css" href="non-js.css">
    <!-- -->  
  </head>
  <body>
      <script type="text/javascript"> document.write('<'+'!--'); </script>
       Visible when no-JS 
      <!--  --> Always visible
  </body>
</html>

Hack,但是用HTML是正确的。如果启用了JS,则comment start控制标记将被打印到页面中-然后第二个开始标记将被忽略,结束标记将关闭注释内容。所以如果启用了JS link 标签将被注释掉,根本不下载。

Dr.Molle 15 年前

虽然 <noscript> 不允许进入 <head> <link> + <style> 只允许进入 <头部>

<link id="noscriptStyle" rel="stylesheet" type="text/css" href="my_external_css_file.css" />
<script type="text/javascript">
document.getElementById('noscriptStyle').parentNode.removeChild(document.getElementById('noscriptStyle'));
</script>

但就我个人而言,我更喜欢cherouvim发布的方法

Fidi 15 年前

<link rel="stylesheet" type="text/css" href="my_external_css_file.css" />

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前