将js代码保存为.js文件独立引用！

最新推荐文章于 2023-08-23 09:44:21 发布

lealiujj

最新推荐文章于 2023-08-23 09:44:21 发布

阅读量1.2k

点赞数

分类专栏： html前端

本文链接：https://blog.csdn.net/lealiujj/article/details/100095094

版权

html前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

main.js为独立出来的js文件

一、html head中代码：

<script src="./source/js/jquery-1.12.4.min.js"></script>
   <script src="./source/js/main.js"></script>

二、main.js代码：

document.write('<script type="text/javascript" src="./source/js/jquery-1.12.4.min.js"></script>');
$(function(){
    var $classfi_btn=$("#classfi_btn"),
    $classfi_tab_bar=$("#classfi_tab_bar");
    $classfi_btn.mouseover(function(){
        $classfi_tab_bar.css("display","block");
    });
    $classfi_btn.mouseout(function(){
        $classfi_tab_bar.css("display","none");
    });
});