javascript - 不使用 Javascript 将 CSS 文件加载到 head 部分或 HTML 部分

Question

我有一个网页，其中我使用来自页面 bootom 的 javascript 代码在 head 部分添加了一个 css 文件:

$(document).ready(function(){
var css=document.createElement('link');
css.type='text/css';
        css.href='/css/user.css';
        css.rel='stylesheet';
        document.getElementsByTagName('head')[0].appendChild(css);
});

所以当用户禁用 javascript 然后 thic 文件无法添加到页面时，我遇到了一个问题，所以有什么方法可以在该页面中包含 css 文件使用

<noscript>..Code..</noscript>

我无法将此文件直接添加到我的 head 部分。

那么是否可以在不使用的情况下将 css 文件添加到我的 html 文档中 javascript？

Answer 1

使用 javascript:

$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "/styles/yourcss.css"
}).appendTo("head");

http://api.jquery.com/jQuery/#jQuery2

没有javascript:

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