JS
共 10 篇已发布文章
JS控制展开与收起
有时候，我们在写查询条件的时候，查询条件会很多，会导致，查询条件就半屏幕，这样是不友好的。我们可以让查询条件，先只展示一部分，当点击展开的时候，在展示其他的，如下图:展开前：展开后：思路：使用js控制。需要隐藏的放在div里面，然后有js控制。html代码：<form id="formId"> <inpu
Ajax两种同步的写法
实际项目中，ajax可以说是非常、非常、非常常用的。而ajax默认是异步请求 而有的时候ajax的异步却不是特别的好用。方法一：$.ajax();方式的 function tableCount(tableTypeId){ &nb
jquery上传图片并回显
在工作中，有时候我们会遇到这样的情况：上传图片并回显。先来看看代码怎么写。然后咱们在讨论，这个案例中使用到的技术。页面是用的是thymeleaf开发的。说明：页面中必须引入query上传的div:<div class="form-group"> <label class=
Jquery实现图片放大两种方式
在开发过程中，有时候，我们遇到的需求：需要图片放大缩小。下面凯哥就介绍两种实习方式一：弹窗层显示放大后的图片二：鼠标悬浮放大后的图片以下正文说明：jquery.min.js和图片请自行修改一：弹窗层显示放大后的图片，点击图片后缩小效果图：代码：<head><style type="text/css">.fillbg { ba
Echarts漏斗图形的，怎么保障当数据是0的时候，漏斗图形一直存在。
在使用echarts的漏斗图行的时候，我们会发现，当数据为0的时候，或者数据中有0的时候，漏斗会变形。显示的很难看，那么怎么保障即便是数据为0了，依然显示漏斗形状？先看效果：这里使用的时候：https://echarts.apache.org/examples/zh/editor.html?c=funnel-customize源码：var realdata = &nb
Echarts图表的柱状图和漏洞图形怎么将数据值显示出来
Echarts图标是百度开源的，捐献个apache了。现在demo示例官网地址：https://echarts.apache.org/examples/zh/index.html当我们使用柱状图的时候，想要将数据显示在上面怎么办？显示方式：在series对象中有个label属性。添加如下： label: { show: t
JS字符串转换为JSON的四种方法
1、jQuery插件支持的转换方式： 示例： $.parseJSON(jsonstr);//jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2、浏览器支持的转换方式(Firefox，chrome，opera，safari，ie)等浏览器：示例：JSON.parse(jsonstr);//可以将json字符串转换成json对象
JS confirm 带有确定和取消的
<ahref="operate.php?mod=user&act=delete&id=564"onclick="returnconfirmAct();">执行操作</a>function confirmAct(){ if(confirm('确定要执行此操作
JS改变<span>值
有时候，我们需要通过js更新span的值。这个时候怎么实现呢？ var a=document.getElementById ("a"); a.innerHTML = res+&
JS 正则表达式（数字、正则）
js校验的正则：验证数字的正则表达式集 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：