判断jQuery库是否被正确引入

监测jQuery库是否正确引入

<script>
    if(typeof(jQuery)=="undefined"){
        alert("jQuery is not imported");
    }else{
        alert("jQuery is imported");
    }
</script>

正确引入,弹出提示框在这里插入图片描述
几个从CDN中引入的jQuery:

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
在 LuckySheet 项目中,可通过以下几种方法检查 jQuery 是否正确引入: #### 浏览器控制台检查 打开浏览器开发者工具(通常按 F12 或右键选择“检查”),切换到控制台(Console)面板,输入 `typeof $` 并回车。若返回 `function`,则表示 jQuery正确引入;若返回 `undefined`,则表示未正确引入。示例代码如下: ```javascript // 在浏览器控制台输入 typeof $ ``` #### 在代码中检查 在 HTML 文件里添加一段测试代码,通过判断 `$` 是否为函数来确认 jQuery 是否引入。示例如下: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- 引入 LuckySheet 相关 CSS --> <link rel='stylesheet' href='luckysheet/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='luckysheet/plugins/plugins.css' /> <link rel='stylesheet' href='luckysheet/css/luckysheet.css' /> <link rel='stylesheet' href='luckysheet/assets/iconfont/iconfont.css' /> </head> <body> <!-- 引入 LuckySheet 相关 JS --> <script src="luckysheet/plugins/js/plugin.js"></script> <script src="luckysheet/luckysheet.umd.js"></script> <script> if (typeof $ === 'function') { console.log('jQuery正确引入'); } else { console.log('jQuery正确引入'); } </script> </body> </html> ``` #### 检查网络请求 在浏览器开发者工具的网络(Network)面板中,查看是否jQuery 文件的请求记录,并且状态码为 200。若有,则表示文件请求成功;若状态码异常或无请求记录,则可能未正确引入
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值