在javascript外部文件中加载/引用css文件

Question

如何在外部JS文件中加载/引用外部CSS文件。

如下图所示，我想在Common.js

中引用/加载Default.css

提前致谢

BB

Answer 1

您无法在“内部”JavaScript中加载样式表，您需要将样式表添加到DOM中。

作为评论发布的 grc 链接会告诉您如何。

How to load up CSS files using Javascript?

Answer 2

在脚本中创建一个新的link标记，引用您的样式表。

以下是如何在jQuery中执行此操作：

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

Answer 3

您可以通过创建<link>元素并在向其添加适当的属性（document.body，href等）后将其附加到type来执行此操作。

Answer 4

您需要尝试在应用程序中找到Default.css文件的绝对路径。

从Common.js，您可以使用以下内容加载Default.css：

var linkEl = document.createElement('link');
linkEl.href='/App_Themes/Default/Default.css'; // start with slash '/' for absolute path
linkEl.rel='stylesheet';
linkEl.type='text/css';
document.getElementsByTagName('head')[0].appendChild(linkEl);