为了检测jQuery.js是否已经加载，我们可以利用一些JavaScript代码来实现。
使用typeof判断
通过typeof可以检测一个变量或者对象的类型，如果对象没有被定义，那么其类型就是undefined。我们利用这个特性来判断jQuery是否已经被加载。
if (typeof jQuery == "undefined") {
// jQuery未加载
} else {
// jQuery已加载
}
上述代码中，如果jQuery未被定义，那么typeof jQuery返回的结果就是undefined，这时我们就可以知道jQuery未被加载。
使用document.readyState判断
document.readyState用于检测文档的加载状态，有三种状态：loading、interactive和complete。在文档加载完成后，我们就可以判断是否已经加载了jQuery。
if (document.readyState === "complete" && typeof jQuery != "undefined") {
// jQuery已加载
} else {
// jQuery未加载
}
上述代码中，我们首先判断文档是否加载完成（readyState等于complete），然后再判断jQuery是否已经被定义。
示例说明
我们可以在HTML文件中插入下面的代码来测试上述的检测方法是否成功：
<!DOCTYPE html>
<html>
<head>
<title>检测jQuery是否已加载</title>
</head>
<body>
<p>这是一段测试文本。</p>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
// 使用typeof判断
if (typeof jQuery == "undefined") {
console.log("jQuery未加载");
} else {
console.log("jQuery已加载");
}
// 使用document.readyState判断
if (document.readyState === "complete" && typeof jQuery != "undefined") {
console.log("jQuery已加载");
} else {
console.log("jQuery未加载");
}
</script>
</body>
</html>
打开浏览器控制台，可以看到输出结果为：jQuery已加载。这说明我们的检测方法是可行的。
另外，如果我们在上述代码中把jQuery的引入标签注释掉，再次刷新页面，控制台输出结果就会变为：jQuery未加载。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：检测jQuery.js是否已加载的判断代码 - Python技术站
微信扫一扫 
支付宝扫一扫 