Javascript 脚本/链接标记与AJAX加载

我想加载脚本标记和链接标记。我可以这样做

 <script src="sample.js" type="text/javascript"></script>
 <link type="text/css" href="sample.css" rel="stylesheet"></link>

但我想知道[通常]哪种方法是最好/安全的

我认为我们可以通过ajax加载轻松地处理错误，否则我们必须检查onLoad函数，以确定脚本是否成功加载，以及链接是否成功加载，我们需要循环查看

document.styleSheets

有什么建议吗

---

我主要关心的是脚本和链接是否以安全的方式成功加载，这是为了测试，所以我不喜欢太多的代码来完成这项工作。

至于javascript文件：
Javascript具有阻塞性。如果要在一个页面上加载多个外部JS文件，请考虑每个加载和执行。如果在执行某些javascript文件时发生错误，您可以在开发人员控制台中观察它。不幸的是，JavaScript 下载仍会阻止其他资源的下载。

结论：将

标签放在

标签之前。建议将所有的

标签尽可能靠近屏幕底部

尽可能地标记

---

至于

css

文件： 检查某个样式表是否已成功加载是一件比较麻烦的事情。以下是使用JQuery检查现有（未加载）css文件：

if (!$("link[href='sample.css']").length){
    console.log('error while downloading sample.css');
    $('<link href="sample.css" rel="stylesheet">').appendTo("head");
}

if（！$（[href='sample.css']）长度）{
log（'下载sample.css时出错'）；
$（''）。附于（“标题”）；
}

---

要检查某些

css

文件是否已完全加载，您可能会在纯Javascript中使用

currentStyle

或

window.getComputedStyle

方法，并搜索具有已知类或标识符的某个元素（该类或标识符正好存在于

css

文件中）

您试图实现什么？请给出您试图解决的更高级别的问题

if (!$("link[href='sample.css']").length){
    console.log('error while downloading sample.css');
    $('<link href="sample.css" rel="stylesheet">').appendTo("head");
}