gpt4 book ai didi

javascript - 脚本/链接标签与 AJAX 加载

转载 作者:行者123 更新时间:2023-11-28 06:33:46 25 4
gpt4 key购买 nike

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

 <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

有什么建议吗?

我主要关心的是确定脚本和链接是否已成功加载并以安全方式加载,这是为了测试,所以我不喜欢用太多代码来执行此操作。

最佳答案

至于javascript文件:
Javascript 具有阻塞特性。如果你要在页面上一个一个地加载多个外部js文件,考虑每个都会被加载和执行。如果在执行某些 javascript 文件时出现错误,您可以在开发人员控制台中观察到它。不幸的是,JavaScript下载仍然阻止下载其他资源。

Conclusion: place <link> tags before <script> tags. It’s recommended to place all <script> tags as close to the bottom of the <body> tag as possible



至于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文件已完全加载,您可能会使用 currentStylewindow.getComputedStyle纯 Javascript 中的方法并搜索具有已知类或标识符的某些元素(这恰好存在于您的 css 文件中)

关于javascript - 脚本/链接标签与 AJAX 加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34827591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com