封装公共js,使其他页面可以调用

Posted 蜜桃婷婷酱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了封装公共js,使其他页面可以调用相关的知识,希望对你有一定的参考价值。

项目开发中如果一个经常被使用的js或者方法需要被重复使用,我们如果每次使用都要复制粘贴一遍会很麻烦也会显得效率比较低,今天就简单做个例子就写一个公用的js使得所有页面直接引用就行非常方便

1在合适的位置创建js文件写入公用脚本代码

我这个以springboot项目为例
1.1先在静态资源下创建js文件夹
在这里插入图片描述
1.2然后在js文件夹下创建js文件
在这里插入图片描述

最终目录

在这里插入图片描述
1,3写入公用代码
在这里插入图片描述

2.其他页面引用

<script src="../js/LongTimeNoOperate.js"></script>

在这里插入图片描述
在这里插入图片描述

经过测试,引用放在上面下面都是可以正常使用的

3.查看效果

在这里插入图片描述

以上是关于封装公共js,使其他页面可以调用的主要内容,如果未能解决你的问题,请参考以下文章

JS-同页面多次调用tab选项卡封装

使用velocity模板使javaWeb的html+js实现模块化

html 输入类型提交通常在单击时重新加载页面。此片段使输入不重新加载页面以便进行ajax调用

11SpringBoot-CRUD-thymeleaf公共页面元素抽取

片段 null 必须是公共静态类才能从实例状态正确重新创建

回归 | js实用代码片段的封装与总结(持续更新中...)