脚本/链接标签与AJAX加载

Question

我想加载脚本标签和链接标签。 我可以做到如下

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

（要么）

 $.ajax({
    url: 'sample.js',
    dataType: 'script',
    success: function(data) {},
    error: function(data) {}
 });

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

我认为我们可以轻松地通过ajax加载来处理错误，否则我们必须检查onLoad函数以查找脚本是否成功加载以及链接是否加载成功，我们需要遍历document.styleSheets 。

有什么建议么？

我主要关心的是查找脚本和链接是否已成功且安全地加载，并且这是用于测试的，因此，我不太喜欢这样做的代码。

Answer 1

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

结论 ：将<link>标记放在<link> <script>标记之前。 建议将所有<script>标记尽可能靠近<body>标记的底部放置

---

至于css文件：检查某些样式表是否已成功加载有点麻烦。 这是使用JQuery检查现有（未加载）css文件的方法：

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

要检查某些css文件是否已完全加载，您可能会在纯Javascript中使用currentStyle或window.getComputedStyle方法，并搜索具有已知类或标识符（在css文件中确实存在）的某些元素