html+js类
用户147258369
这个作者很懒,什么都没留下…
展开
-
【windows.location.href】下载文件后执行后续函数无效
window.location.href 然后后续就不再执行原创 2022-11-02 17:01:04 · 2105 阅读 · 0 评论 -
页面报错[Vue warn]: Error compiling template
页面上报错:[Vue warn]: Error compiling template最终检查是因为:出现的原因是把新建的实例放在了被绑定的组件当中div 中有script<div id="content"> <script> $(".cont-box").css("padding-top", "21px"); </script></div>改为,在style 中写改样式。...原创 2021-12-21 15:56:41 · 623 阅读 · 0 评论 -
VUE的一些应用
table 中的 属性,如 title。<td class="name" :title="article.ProjectID">{{article.ProjectID}}</td>id也是前要加上:实际上为:<td title="Gxxxx" class="name">Gxxx</td>实现table 隔行换色的功能 <tr :class="i%2==0 ? colors[0]: colors[1]">data: .原创 2021-12-15 10:09:45 · 1109 阅读 · 0 评论 -
vue 监听对象 变化不生效
有个项目中用了vue,然后去监听对象,发现newvalue和oldvalue 值是一样的,没有变化。var Vm = new Vue({ el: '#app', data: { fp: { zzsfp: "", sl: "", fzzsfp: "", }, zit: false },原创 2021-11-19 14:58:36 · 1256 阅读 · 0 评论 -
table实现上移下移的功能
<td > <a class="shangyi" onclick="MoveUp(this)"></a> <a class="xiayi" onclick="MoveDown(this)"></a></td> // 上移 function MoveUp(obj) { var current = $(obj).parent().parent(); //获取当前<tr> va.原创 2021-09-29 13:46:23 · 511 阅读 · 0 评论 -
利用jquery给指定的table进行添加一行,删除一行的操作
页面如图:点击 + ,增加一行数据,点击- 删除一行数据。<table id="protypeTable" style="table-layout:fixed" class="tab-1 tab-2" cellspacing="0" cellpadding="0"> <tbody> <tr> <th style="width: 20%;">科目代码</th> <th .原创 2021-09-29 13:44:30 · 2298 阅读 · 0 评论 -
layui table中时间格式的问题
先开始将长时间处理展示为短时间格式如下图:{field:'上传时间',title:'上传时间',templet:'<div>{{layui.util.toDateString(d.上传时间, "yyyy-MM-dd") }}</div>'}后来发现这样写,当上传时间为空时,显示的是当天的时间。后修改为{field:'上传时间',title:'上传时间',templet:'#time'}<script type="text/html" id="time">原创 2021-07-13 15:06:56 · 431 阅读 · 0 评论 -
bootstrap-treeview 使用
1.引用文件<link href="~/bootstrap/css/bootstrap.css" rel="stylesheet"><script src="~/js/jquery-2.1.0.min.js"></script><script src="~/bootstrap/js/bootstrap-treeview.min.js"></script>2.html <div id="bootstraptree" ><原创 2021-07-12 16:13:41 · 910 阅读 · 2 评论 -
ul li 两个放在一行 使用display:inline
页面如图:原来美工写的是: <div class="article"> <ul> <li><img src="img/dot_unclick.png" alt=""><a>需求方案编制规范——建设类项目(试行)5.1建设类项目(试行)5.15.1……</a> </li>原创 2021-07-06 12:00:43 · 2897 阅读 · 0 评论 -
layui 合并单元格
之前做项目的时候有一个需求,就是需要第一列数据部分合并单元格展示,如下:使用layui完成,表头是通过后台获得的。layui表格初始化后,在done中执行merge方法。table.render({ elem: position , method: 'get' , url: '' , where: { id: id,原创 2021-06-08 11:01:36 · 2033 阅读 · 2 评论 -
layui date控件的使用
最近项目多用layui,就总结一下。<div class="layui-input-inline"> <input type="text" class="layui-input" name="beginDate" id="beginDate" placeholder=""></div><div class="layui-input-inline"> <input type="text" class="layui-input" name="end原创 2021-03-03 13:24:30 · 3272 阅读 · 0 评论 -
ztree 异步加载添加子节点
var settings = { view: { selectedMulti: false, showIcon: false, addDiyDom: addDiyDomWithCheck }, async: { enable: true, url: "", //ajax的请求方法url autoParam: ["Sys原创 2020-12-02 19:24:28 · 940 阅读 · 0 评论 -
ztree 全选或取消; 默认展示第一个节点;点击checkbox选中事件
//全选/取消 Flag=ture 为全选 Flag=false 为取消全选 function checkboxall(Flag) { var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.checkAllNodes(Flag); }原创 2020-12-02 19:14:41 · 402 阅读 · 0 评论 -
ztree 半勾选状态下,子节点全选,那么只选中父节点的值。
function zTreeOnCheck(event, treeId, treeNode) { var treeObj = $.fn.zTree.getZTreeObj(treeId); var nodes = treeObj.getCheckedNodes(true), //所有选中的节点 ids = [],names = []; for (var i = 0, l = nodes.length; i < l; i++) { .原创 2020-12-02 19:13:17 · 1678 阅读 · 0 评论 -
a 标签设置了id,定位不到。
html 里面定义了一个 a标签<a class="xxx" id="OM_NewProductIndex"/>在js里面需要定位到这个 a 标签,使用("#OM_NewProductIndex").click() 报错了。应该使用 document.getElementById("OM_NewProductReviewIndex").click();...原创 2020-11-13 16:48:03 · 587 阅读 · 0 评论 -
decimal 类型的数字,去掉小数点后多余的0
decimal 类型的数据,如果是0.002 *100=2.0000多余了,所有需要用TrimEnd方法去掉最后的0.strings="3.000".TrimEnd(newchar[]{'0','.'});原创 2020-11-13 16:43:38 · 3207 阅读 · 0 评论 -
form表单写的上传文件,控制选择文件类型。
<div id="uploader-demo"> <form enctype="multipart/form-data" method="post" id="upload"> <input type="file" accept="image/*" id="fileupload" name="Upload" value="选择图片" styl..原创 2020-11-10 14:59:49 · 1840 阅读 · 0 评论 -
解决table 表格的td宽度未生效的问题
table 表格的td宽度未生效。table是一个整体,每一列td的宽度是由一个其中一个最长td的宽度决定的。解决方案:增加样式。word-wrap:bread-word;这个样式可能不生效。可以不加。<table style=“word-wrap:bread-word;word-break:break-all;table-layout:fixed;”></table>...原创 2020-11-02 10:11:55 · 357 阅读 · 0 评论 -
radio 操作
radio 按钮组, name=”sex”.MaleFemaleUnknown获取radio选中的value.$(‘input:radio[name=sex]:checked’).val();选择 radio 按钮 (Male).$(‘input:radio[name=sex]:nth(0)’).attr(‘checked’,true);或者$(‘input:radio[name=sex]’)[0].checked = true;选择 radio 按钮 (Female).$原创 2020-08-12 16:30:45 · 404 阅读 · 0 评论 -
监听窗口的关闭/跳转至新页面执行新页面的点击方法
最近项目上有一个与其他项目的交互,点击链接,跳转至其他平台。然后在其他平台做完操作后,需要刷新我们项目的数据。就用了一个监听窗口的关闭的方法。 function OAclick(URL) { var newWin = window.open(URL); var loop = setInterval(function () { if (newWin.closed) { clearInterval(loop);原创 2020-08-10 10:56:50 · 738 阅读 · 0 评论 -
js中的replace
今天在js中用到了replace,但是发现只替换了第一个。如果需要全局替换的话,需要用正则表达式 /g来表示。如:replace(/\n/g,";") 替换\n 为;也可以用regex()方法。var reg=new RegExp("\n","g"); //创建正则RegExp对象 a.replace(reg,";"); ...原创 2020-07-06 14:48:40 · 100 阅读 · 0 评论 -
关于匹配html的正则表达式
1.被匹配的文本为:<ul class="change-cont" id="ulTxtChange"><li id="li2020A" class="yeartask"><span style="color: red; font-size: 14px;">修改2020 年年度任务:</span>2020 年年度任务<span style="color: red; font-size: 14px;">为 </span>2020原创 2020-07-03 15:01:51 · 235 阅读 · 0 评论 -
前端input自动填充问题
之前解决chrome浏览器自动填充都是在input后添加一个<input type="text" style="height:0; opacity:0; width:0; padding:0; margin:0; border:0;" >但是今天失效了。不管放在前面,还是后面都不行。后来解决是放在input后面,且需要加上name<td><input type="text"name="email" style="height:0; opacity:0; width:0原创 2020-05-25 14:49:51 · 529 阅读 · 0 评论 -
js特效爱心
<script>//鼠标点击出现爱心特效 (function (window, document, undefined) { var hearts = []; window.requestAnimationFrame = (function () { return window.requestAnimationFrame || window.webkitRequestAnimationFrame |原创 2020-05-13 11:24:16 · 289 阅读 · 0 评论 -
js 特效点击页面出现文字,且文字颜色随机显示
<script>var a_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("❤富强❤", "❤民主❤", "❤文明❤", "❤和谐❤", "❤自由❤", "❤平等❤", "公正", "法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<sp原创 2020-05-13 11:22:58 · 719 阅读 · 0 评论 -
ztree报错:Uncaught TypeError: Cannot read property 'substring' of undefined
报错:无法读取未定义的属性“substring”Uncaught TypeError: Cannot read property ‘substring’ of undefined解决:是因为使用了simpleData,所以zTree 初始化方法的参数是不用json的。res = JSON.parse(res);$.fn.zTree.init($("#tree"), setting, res);初始化方法:$.fn.zTree.init(obj, zSetting, zNodes)obj -原创 2020-05-11 16:24:08 · 1082 阅读 · 0 评论 -
使用jQuery操作table如何实现单元格合并
使用jQuery操作table如何实现单元格合并比较表格的内容。判断是否合并单元: tr = $(".tab-3 tr").length;// 获取当前表格中tr的个数 var mark = 0; //要合并的单元格数 var index = 0; //起始行数 /* * 要合并单元格,需要存储两个参数, * 1,开始合并的单元格的第...原创 2019-11-22 13:56:42 · 418 阅读 · 0 评论 -
table 设置文字长度超过单元格大小,超出部分显示省略号
1.table 中添加样式table-layout:fixed;2.td style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;"white-space:nowrap 文本不换行 normal:默认,空白会被忽略 pre 空白会被保留,预格式文本word-break :keep-all 不允许字...原创 2019-11-22 13:55:25 · 791 阅读 · 0 评论