HTML网页中导入jquery并执行代码-Toy模板网

这篇具有很好参考价值的文章主要介绍了HTML网页中导入jquery并执行代码。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

F12控制台中运行

// 创建一个新的 script 元素  
var script = document.createElement("script");  
script.src = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js";  
  
// 设置一个加载完成事件监听器  
script.onload = function() {  
    // 确保 jQuery 加载完成后再执行此代码  
    $(".cardFrom[data-v-cb1d2116]").css("height", "100%");  
    console.log("高度设置完成！！！");  
};  
  
// 将 script 元素添加到 head 元素中  
document.getElementsByTagName('head')[0].appendChild(script);

1、Jquery历史版本:

版本：3.4.1：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

版本：3.4.0：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.js"></script>

版本：3.3.1：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

版本：3.3.0：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.js"></script>

版本：3.2.1：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

版本：3.2.0：

压缩版本

<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

非压缩版本

<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>