前端
梦里梦见梦不见的
这个作者很懒,什么都没留下…
展开
-
不显示bootstrap模态框,只有背景变遮住
模态框显示不出来,只有背景变灰,查了查资料是写法有问题把modal fade 中间的hide删掉并添加下面两行div转载于:https://www.cnblogs.com/King-Jin/p/10989805.html原创 2021-09-29 10:40:56 · 318 阅读 · 0 评论 -
jsMind-网页版的由js实现的思维导图
jsMind gitHub地址:https://github.com/hizzgdev/jsmindfunction load_jsmind(){ var html=''; $.ajax({ url: getRootPath() + '/dsp/caseList/getExampleItem', type : "POST", dataType : 'json', data : { exampl原创 2021-06-15 11:33:46 · 1252 阅读 · 1 评论 -
解决window.location.href参数太长 - post提交数据
前言:一提到页面跳转,最常用的一般就是window.location.href,如果需要带参数,也许可以在后面用?拼上,但这样并不安全,而且有个更严重的问题,这样的拼接是有长度限制的,如果达到好几千个字符,比如传个base64???这时你会发现浏览器报错了,直接不能传参了。需求:解决window.location.href参数过长的问题思路:我们再想想别的解决方案,我们知道post请求是没有参数长度限制的,而且还是比较安全的。post请求的方式第一能想到的肯定是ajax,但是可惜的是ajax好像不能原创 2020-08-10 09:54:46 · 2169 阅读 · 2 评论 -
单选钮取消选中
//单选钮取消选中var flag = true;function isClick(click){ click.checked = flag; if(click.checked== true){ }else{ } flag = !flag;}原创 2019-12-09 10:04:22 · 141 阅读 · 0 评论 -
freemark语句的用法案例
<#if type == 1>//判断类型是否为1 <#if imgUrl??> //判断图片地址是否为空,如果不为空则执行下面的脚本 <img src="${imgUrl ! ''}" /> <#else>//否则 选择默认图片 <img src="../defalut...原创 2019-11-29 15:44:52 · 149 阅读 · 0 评论 -
layui框架 --- layer弹出层的简单使用
layer.confirm('icon测试', {icon: 1, title:'提示'}, function(index){ //do something alert("确认"); layer.close(index); }); layui官网原创 2019-11-06 09:48:00 · 155 阅读 · 0 评论 -
给表格的某列单独设置样式
//----------------------()值从1开始.modal-content table tbody tr td:nth-child(2) { border: 1px solid #e7eaee; text-align: left; padding-left: 15px; height: 36px;}原创 2019-10-22 16:19:53 · 795 阅读 · 0 评论 -
js将数值转化为万、亿、万亿并保留两位小数
// 数字转换 var numberFormat = function (value) { var param = {}; var k = 10000, sizes = ['', '万', '亿', '万亿'], i; if(value <...原创 2019-10-21 15:35:09 · 1211 阅读 · 0 评论 -
实现js连续点击事件但最终只触发一次
(1)//声明两个变量var lastTime,num; function lockClick() { //获取当前毫秒数 var nowTime = new Date(); if (lastTime == undefined || Math.round(nowTime.getTime() - lastTime.getTim...转载 2019-09-02 11:38:44 · 3133 阅读 · 0 评论 -
jQuery 之 DataTable 中 参数详解和 columns 的属性讲解
1、datatables 参数详解:method:'get',//请求方式(*) toolbar:'#toolbar',//工具按钮用哪个容器 striped:true,//是否显示行间隔色 cache:false,//是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination:true,//是否显示分页(...转载 2019-08-09 17:17:49 · 3341 阅读 · 0 评论 -
Jquery datatable 动态隐藏列(根据有无值)
一、场景前端利用datatable初始化的时候会向后端调用数据,需求是 要动态的使某一列根据传回来的一个标志位是否有值来决定显示与否这是当前传回值有活动优惠幅度的情况下:这是没有活动优惠的情况下:可以发现【活动优惠幅度】这一列都被隐藏了二、实现方法及原理1、实现过程:在 "columns":[] 的当前列之中 如 {orderable: false,sClas...原创 2019-08-09 17:10:45 · 1933 阅读 · 0 评论 -
echarts的基本用法
目录一、引入echarts二、使用echarts1、柱状图2、折线图3、饼状图4、中国地图异步请求的一个小栗子:一、引入echarts下载地址:http://echarts.baidu.com/download.html可下载精简版或完整版<script type="text/javascript" src="echarts.min.js">...原创 2019-06-24 15:20:10 · 679 阅读 · 0 评论 -
什么是跨域?跨域问题怎么解决?
目录一、什么是跨域?二、为什么会出现跨域问题?三、常见的跨域场景四、跨域解决方法1、JSONP(1)JSONP原理(2)JSONP和AJAX对比(3)JSONP优缺点(4)JSONP的流程(以第三方API地址为例,不必考虑后台程序)(5)jQuery的jsonp形式2、CORS(1)CORS原理(2)CORS优缺点(3)用法3、WebSo...原创 2019-06-17 18:22:53 · 6860 阅读 · 0 评论 -
jquery监听input回车键实现点击回车进行查询
$('#searchNameAccept').keydown(function(event){ if(event.keyCode==13){ grid.submitFilter(); } });function serviceApplyInit() { $("#table-list").dataTable()....原创 2019-06-10 14:26:10 · 2367 阅读 · 0 评论 -
单击菜单右边数据刷新,但该菜单不高亮显示,只单击时高亮显示一下
是因为,这个页面全部刷新了,导致该样式没有了解决办法:菜单jsp:<div class="col-xs-2"> <ul class="nav nav-tabs nav-stacked nav-tabs-201905301445" id="menu"> <li><a href="${fn:getLink('usercen...原创 2019-06-05 18:00:09 · 421 阅读 · 0 评论 -
css解决表格超出部分省略号显示
table{ table-layout: fixed; ==>固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。 假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% (注意:此样式是关键)td{ white-space: nowrap; ...原创 2019-06-05 14:37:23 · 703 阅读 · 0 评论 -
jsp页面中下拉框选择后,另一个input框数值改变,如何去实现
<head> <script type="text/javascript"> function aa(){ document.getElementById('tt').value=document.getElementById('ss').value; } </script></head><body>...原创 2019-05-05 15:00:55 · 2170 阅读 · 0 评论 -
JS 和 java 格式化文件大小 单位:Bytes、KB、MB、GB...
目录输入一个表示文件大小的数字,自适应转换到KB,MB,GB1、JS格式化文件大小 方法一:bytes自适应转换到KB,MB,GB 方法二:bytes自适应转换到KB,MB,GB 方法三:可以设定输入的文件长度的参数的原始单位,自适应转换到KB,MB,GB 2、 java格式化文件大小输入一个表示文件大小的数字,自适应转换到KB,MB,GB...原创 2019-05-08 10:31:48 · 1192 阅读 · 0 评论 -
js判断是否为整数类型
目录方式一、使用取余运算符判断方式二、使用Math.round、Math.ceil、Math.floor判断方式三、通过parseInt判断方式四、通过位运算判断方式五、ES6提供了Number.isInteger方式一、使用取余运算符判断任何整数都会被1整除,即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { retu...转载 2019-05-08 10:42:17 · 237 阅读 · 0 评论 -
如何将js里的变量的值赋给文本框
举个例子将变量text的值赋给 id="test"的input框<html> <head> <script type="text/javascript" language="Javascript1.1"> var text="aaa"; document.getElementById("test").value = text; ...原创 2019-04-25 16:56:11 · 7373 阅读 · 1 评论 -
jsTree------jsTree是基于javascript的一个跨浏览器树控件
小例子:https://www.cnblogs.com/telwanggs/p/7447483.html原创 2019-01-04 17:10:17 · 241 阅读 · 0 评论 -
bootstrap中的模态框(modal,弹出层)
转 https://blog.csdn.net/dearcode/article/details/52220064原创 2018-12-24 19:36:27 · 491 阅读 · 0 评论 -
使用表达式 ${对象.属性名!} 中的对象.属性名后面加个叹号代表什么意思
后面的!用来屏蔽掉所取值为空的情况。例如${ a! }, 如果正常写法${ a } ,且服务器并没有向域中存入数据 a 的话,页面上的样式就不能正确显示,且后台会报错。如果括号里加上!,则不会影响样式的展示,后台也不会报错,只是取到一个空值罢了。...原创 2018-12-24 17:17:52 · 2104 阅读 · 0 评论 -
bootstrap点击遮罩不关闭弹出框
bootstrap默认状态下点击弹出框周围的遮罩会自动关闭弹出框,可以通过设置backdrop让点击遮罩时不关闭弹出框。设置方法有两种:1直接在弹出框的标签上添加 data-backdrop=“static”2.使用jq对弹出框设置代码:$("#myModal").modal({backdrop:‘static’});详解:效果图:1、点击打开遮罩层按钮2、弹出一个隐藏的div...原创 2018-12-22 11:47:19 · 2461 阅读 · 0 评论 -
jquery表单验证ip和手机号
效果图:1、引入jquery 插件和 jquery 验证插件:<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript" src="js/jquery.validate.js"></script...原创 2018-12-21 15:12:46 · 939 阅读 · 0 评论 -
jquery ajax在select中动态加载option(下拉框)
jsp代码:<script type="text/javascript"> $(function(){ findCenterName(); }); </script><body> <div style="margin-right: 90px"> <sel...原创 2019-04-25 17:16:22 · 3002 阅读 · 1 评论 -
如何在jsp页面上做if判断
目录1. 首先工程中要有JSTL的两个jar包: jstl.jar 和 standard.jar。2. 其次在页面中引入标签库: <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>1、if2、if...else...3、if...else if...else在编写jsp页面时,...原创 2019-05-08 18:01:05 · 39920 阅读 · 1 评论 -
Bootstrap 面包屑导航
<html> <head> <title>Bootstrap 实例 - 面包屑导航</title> <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> ...原创 2019-06-05 14:26:25 · 282 阅读 · 0 评论 -
一个jsp页面中的input框向另一个jsp页面的input框传值
a.jsp<input id = "name" type="text" style="width:400px;height: 40px" name="keywords" placeholder="请输入目录名称"/><button class="btn btn-info" id="queryBtn" type="button" style="height: 40px">...原创 2019-04-29 17:23:09 · 6300 阅读 · 0 评论