使用 jQuery .append() 时 <link> 和 <script> 有什么区别？

Question

当我这样做时：

$('head').append('<script type="text/javascript" src="script.js"></script>');

然后 script.css 被加载并执行，并且可以立即使用。

但是当我这样做时：

$('head').append('<link rel="stylesheet" type="text/css" src="sheet.css" />');

然后 sheet.css 没有加载。但是，当我查看生成的源代码时，有问题的行已添加到对象中。

显然浏览器对脚本和样式表的处理方式不同。

为什么？

Answer 1

对于链接元素，在href 属性中指定外部样式表的来源。您需要从

更新您的代码

$('head').append('<link rel="stylesheet" type="text/css" src="sheet.css" />');

到

$('head').append('<link rel="stylesheet" type="text/css" href="sheet.css" />');