前端
yue31313
这个作者很懒,什么都没留下…
展开
-
thymeleaf 拆分html页面 引用html文件 th replace th:fragment
thymeleaf 拆分html页面 引用html文件 th replace th:fragmentfile1.html 引用 file2.html中的代码块 如下:file1.html<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"><body> <div id="aaa" th:replace原创 2022-03-03 13:32:36 · 512 阅读 · 0 评论 -
div 内的div 一行一排改成自动换行
里面的子div 加上css 样式 float: left;原创 2022-03-01 17:59:40 · 812 阅读 · 0 评论 -
jquery判断checkbox是否被选中
if($('#id').is(':checked')){}原创 2022-02-25 16:25:55 · 615 阅读 · 0 评论 -
jquery check设置选中
$("#id").prop("checked",true)$("#id").prop("checked",false)原创 2022-02-25 15:57:36 · 968 阅读 · 0 评论 -
js 增加click事件
var div = document.getElementById("div_id");div.onclick = function(){ console.log('div onclick -----')}原创 2022-02-23 14:06:13 · 2012 阅读 · 0 评论 -
js 点击显示模态框data-toggle=“modal“ data-target
显示$('#modal_id').modal('show')隐藏$('#modal_id').modal('hide')参见 文档:Bootstrap 模态框(Modal)插件 | 菜鸟教程原创 2022-02-22 18:21:41 · 1141 阅读 · 0 评论 -
html css radio单选按钮样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title...原创 2022-02-22 16:34:39 · 1162 阅读 · 0 评论 -
js 点击弹窗外区域关闭弹窗
js 点击弹窗外区域关闭弹窗js 点击 其他关闭弹窗 $(document).mouseup(function(e){ var targetArea = $("#div_id"); // 设置目标区域 if(!targetArea.is(e.target) && targetArea.has(e.target).length === 0){ $("#div_id").css('display', 'none'); .原创 2022-02-18 12:54:03 · 3264 阅读 · 0 评论 -
textarea 空白 很多空格
textarea 这个标签 需要紧凑着写。<textarea>文字内容</textarea>上面写法 就会有空白 改成下面写法<textarea>文字内容</textarea>原创 2022-02-18 12:28:43 · 403 阅读 · 0 评论 -
js input 长度 输入框动态
<!DOCTYPE HTML><html><head> <title> </title></head><script type="text/javascript"> function changeInputlength(cursor) { cursor.size=cursor.value.length+2; }</script><body>.原创 2022-02-18 12:16:19 · 491 阅读 · 0 评论 -
css textarea 自动高度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>&.原创 2022-02-17 19:49:10 · 284 阅读 · 0 评论 -
jquery js 字符串替换
var str = '1,2,3,4,5,6'str = str.replace(',','。')这个替换 第一个匹配的。 不是替换所有的。==var reg = new RegExp(",","g");//g,表示全部替换str.replace(reg,'。')替换所有==原创 2022-02-17 17:05:51 · 994 阅读 · 0 评论 -
jquery 设置 attr 及 获取
设置$('#div_id').attr("attr_name","value")获取$('#div_id').attr("attr_name")原创 2022-02-17 16:51:00 · 274 阅读 · 0 评论 -
jquery 设置 display none
$("#div_id").css('display','none');原创 2022-02-17 16:04:12 · 4758 阅读 · 0 评论 -
js jquery 判断是否class
if($(this).is('.yourclassname'))原创 2022-02-17 16:02:17 · 126 阅读 · 0 评论 -
jquery 判断 display none 是否显示
if($("#div_id").css('display') === 'none')原创 2022-02-17 15:42:31 · 585 阅读 · 0 评论 -
js onclick 父级 子节点 onclick 冲突 屏蔽 拦截
子 节点的 onclick 事件加入 以下 代码。 就不会 调用父级的onclick事件了var ev = window.event || arguments.callee.caller.arguments[0];if (window.event) ev.cancelBubble = true;else { ev.stopPropagation();}原创 2022-02-16 18:33:12 · 598 阅读 · 0 评论 -
css 背景透明度
css 背景透明度background: rgba(255, 0, 0, 0.06);原创 2022-02-14 14:41:21 · 171 阅读 · 0 评论 -
html 引入其他文件
<div id="addtaskHtml"></div><script> $("#addtaskHtml").load("/static/index/addtaskHtml.html");</script>原创 2022-02-11 17:01:24 · 239 阅读 · 0 评论 -
html js jQuery 设置 input 禁止输入
readonly="readonly"<input type="text" placeholder="选择月份" value="9月" class="laydate_m24 lay_type_ym ydpgsj_month_input_pb" id="input_month_pb" readonly="readonly">原创 2022-02-11 16:37:36 · 1089 阅读 · 0 评论 -
jquery js 设置可点击 不可点击
jquery js 设置可点击 不可点击$('#id').attr('disabled', true)$('#id').attr('disabled', false)原创 2022-02-11 16:35:29 · 681 阅读 · 0 评论 -
jquery 判断 是否有 某个类class
jquery 是否有 class$("#id").is('.class_name')这种写法原创 2022-02-11 16:34:09 · 368 阅读 · 0 评论 -
p 折行显示 html
样式中加入word-break: break-all;自动换行原创 2022-01-20 12:52:13 · 160 阅读 · 0 评论 -
html 单元格合并
<td rowspan="2">从这个位置算,向下合并2行。 实现的是2个单元的上下合并。 第2行的这个<td>就不用写了。 被占用了。同理 左右2列是<td colspan="2">原创 2022-01-13 17:55:35 · 234 阅读 · 0 评论 -
html 单元格合并
<td rowspan="2">从这个位置算,向下合并2行。 实现的是2个单元的上下合并。 第2行的这个<td>就不用写了。 被占用了。同理 左右2列是<td colspan="2">原创 2022-01-13 14:20:34 · 125 阅读 · 0 评论 -
html 单元格合并
<td rowspan="2">从这个位置算,向下合并2行。 实现的是2个单元的上下合并。 第2行的这个<td>就不用写了。 被占用了。同理 左右2列是<td colspan="2">原创 2022-01-13 14:17:56 · 113 阅读 · 0 评论 -
js 添加div代码块 html代码
==var html = document.getElementById('div1').innerHTML;var html2 = "你的html代码";document.getElementById('div1').innerHTML = html + html2;==你的html代码需要转义一下。 填入到双引号中。用在线转换工具 转换一下 填入在线字符串转义处理工具:支持各种运行环境下的字符串转义处理 - 工具 - CodePlayerhtml 是div1中原来的代码。.原创 2022-01-12 20:12:02 · 667 阅读 · 0 评论 -
js 设置id
div.setAttribute('id','你的id');==如:let p = document.createElement('p');p.classList.add("sort-times");p.setAttribute('id','p_'+p_i);p.innerHTML = date;==原创 2022-01-12 20:06:46 · 1825 阅读 · 0 评论 -
js 修改span 的值 没变
<span id="spanid"></span>$("#spanid").html("text123").css("color","red");原创 2022-01-12 18:53:26 · 301 阅读 · 0 评论 -
js img src 设置图片
//左眼图片var img_left_eye = "https://img2.baidu.com/it/u=3196287214,1494483998&fm=253&fmt=auto&app=138&f=JPG?w=498&h=500";$("#img_left_eye").attr("src",img_left_eye);原创 2022-01-12 18:20:47 · 1064 阅读 · 0 评论 -
echarts 横轴位置 X轴位置 坐标轴线横线不在0刻度
echarts 横轴位置echarts X轴位置 坐标轴线横线不在0刻度==添加 axisLine: { onZero: false},注意:onZero: false 是在 axisLine 里的。 不然不起作用。==原创 2022-01-12 17:39:52 · 2805 阅读 · 0 评论 -
js 改变背景色 style.backgroud 如div元素
document.getElementById(”div的id“).style.background = ”#FFF000“;原创 2022-01-12 13:22:30 · 761 阅读 · 0 评论 -
echarts 雷达图 显示弹窗 ,显示面积样式
如图:如图显示 连点 面积:加入代码即可 areaStyle: {},显示 弹窗 浮动窗在对应位置 加入代码即可。代码片段1:tooltip: { trigger: 'axis' },代码片段2:tooltip: { trigger: 'item' },====...原创 2022-01-12 13:18:23 · 412 阅读 · 0 评论 -
echarts 获取 图例背景色
var option = myChart.getOption();var color = option.color;这个color 就是 颜色数组。 可以控制台输出。需要注意的是,这个颜色的个数 会多出实际的图例需要的,需要过滤掉多余的颜色。原创 2022-01-12 13:12:29 · 1171 阅读 · 0 评论