当前位置 主页 > 行业资讯 >

    html js,gin html模板调用js函数

    栏目:行业资讯 时间:2021-02-27 14:35

         自己写一个js文件
         首先,js函数不能定义在html模板里,那就得我们单独定义一个js文件,放我们需要使用的函数。
         在项目文件夹下,自己创建一个js文件夹(不一定叫js啊,叫别的也行),里面再创建一个js文件,比如我这里叫home.js,然后,就可以在这个home.js里写我们需要的js函数啦。
         html模板引入自己写的js
         js函数已经写好了,j接下来要做的就是,在html模板里,引用我们自己写的js文件,写法如下:
         <script charset="utf-8" src="js/home.js"></script>
         注意,到这里还没完!
         增加js接口
         在html模板里引用js文件之后,html模板并不是直接从本地去找这个js文件,而是通过http get请求去获取这个js文件!
         给大家看一下我的gin运行日志:
         home接口是我的主页,其中一个按键点击会调用js路径下home.js里面定义的函数,可以看到,当我点击这个按键的时候,就给自己发送了一个get请求,请求的就是html模板里引用的那个js文件,所以我们要给自己的程序增加一接口,来处理这个js的get请求。
         很简单,加上这样一行即可:
         //html模板调用的js
         r.Static("/js", "js")
         这里我们调用了gin框架的static方法,这个方法就是把你请求的静态文件直接返回给你。
         最后再提醒一点,浏览器是有缓存的,如果你的html模板是第一次打开,那么一定会调用这个js接口,但是调用之后,浏览器会缓存这个js文件的内容,后面就不会再调用这个接口了~所以,如果修改了js文件,想让浏览器去获取新的,一定要先清理一下缓存。
         原文链接:https://blog.csdn.net/u013536232/article/details/104518984
    下一篇:没有了