
HTML
zyqok
这个作者很懒,什么都没留下…
展开
-
小白入门,我的第一个HTML程序!!
郑重提示:该博客针对各种不懂的小白!老司机们请勿阅览!如有不适,后果自负!(1)打开电脑桌面,在桌面新建一个文本信息(2)打开文本,将下面这段代码全选,复制到刚刚的文本里 Hello World !(3)复制后如图所示,然后左上角选择:文件 --> 保存(4)文件保存后,关闭文件,将文件名尾缀 .txt 改为.html原创 2017-03-27 10:36:55 · 728 阅读 · 0 评论 -
未来元素让datetimepicker插件生效
今天在做一个时间插件显示效果,界面如下:现在点击【添加付款单】按钮,会再出现一条记录,但新增加的记录却不能触发插件效果(由于js写法是针对元素class的,按常规来说是可以触发的)开始以为是未来元素的问题,于是先按自己思路改写了live方法绑定,还是不行,后又网上搜了一大批方式,结果都不行。最后只得求助于同事,于是给出如下方案,终于解决了(解决思路:把datetimepi...原创 2017-08-21 21:04:56 · 2648 阅读 · 5 评论 -
JS格式化long类型的时间
今天在做一个时间显示时,ajax接收到的时间是long类型的,但前台要显示2017-08-23这种格式:网上搜了一下,发现好多人写得挺麻烦的,参考了其中的方法,就自己封装了一个: function formatDate(longDate){ var date = new Date(longDate); var yyyy = date.getFullYear(); ...原创 2017-08-23 14:21:13 · 2042 阅读 · 0 评论 -
js排序
function sortTasks(sortTurn, trs, timeClass) { if (sortTurn == 0) { // 升序 trs.sort(function(a,b) { return $(a).find(timeClass).text()>$(b).find(timeClass).text()?1:原创 2017-09-01 09:23:11 · 707 阅读 · 0 评论 -
$(this)的作用范围
今天写一代码:发现id未定义,取值不了,经过debug,$(this)都未定义,代码如下:$(".abandonBtn").live("click", function() { jConfirm("是否作废当前任务?", function() { var id = $(this).parent().parent().find(".taskId").val(); alert(id);原创 2017-09-01 11:10:45 · 2040 阅读 · 0 评论 -
在线客服代码:在线QQ客服、在线旺旺客服
【1】在线QQ客服:这里以QQ(12345)为例,更多详见:http://shang.qq.com/v3/widget.html<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=12345&site=qq&menu=yes"> <img border="0" src="ht原创 2018-12-27 11:26:21 · 3958 阅读 · 0 评论 -
JS:复制内容到剪贴板(无插件,兼容所有浏览器)
HTML部分:<button onclick="copyToClip('内容')"> Copy </button>JS部分:/** * 复制内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示,不传则默认提示"复制成功" */function copyToClip(content, message) { ...原创 2018-12-18 14:49:02 · 43768 阅读 · 19 评论 -
JQ删除除第一行外的所有option
$("select option:gt(0)").remove();参考自:https://zhidao.baidu.com/question/750445857028636732.html原创 2019-02-13 09:51:56 · 1988 阅读 · 0 评论 -
Jquery 阻止冒泡事件(阻止父元素事件触发)
如下:有一个div,div中有一个span:<div class="c2"> <span class="c1">Hello world</span></div>div和span各有一个class,并且各自有对应的点击方法:<script type="text/javascript">$(function(){...原创 2019-04-12 00:47:38 · 1944 阅读 · 0 评论 -
springboot项目中如何引用Jquery文件
如图,index.html页面要引用下面的jquery文件则 index.html 页面中引用的写法为如下:<script type="text/javascript" src="/js/mobile/jquery-1.8.3.min.js"></script>...原创 2019-04-08 14:14:24 · 20763 阅读 · 2 评论 -
An error happened during template parsing (template: "class path resource [templates/list.html]
springboot + thymeleaf 项目本地启动OK,但放在服务器上就报题目错误:原因:页面html引用错误(cai_detail.html 引用 header.html)原来的引用修改后的引用(去掉前面的/)...原创 2019-04-26 13:40:44 · 23825 阅读 · 1 评论 -
省市区/县联动选择(附源码)
(1)效果截图:省市区/县联动,支持回显(2)使用说明:下载源码,获得下面相关文件(下载戳我,提取码:9on3)(2.1)在你的项目中先引入jquey,然后引入location.js(2.2)将你项目所在的省市区id分别写为province、city、county 即可;注:使用backshow(省ID,市ID,区ID)方法显示默认地址<html><s...原创 2019-05-22 11:14:09 · 2973 阅读 · 5 评论 -
input 标签防止自动填充
(1)从源码之家找了一个登录模版,执行后,发现输入框被自动填充了,一点都不好看。(2) 这是页面相关Input代码查看了下源码,这个 autocomplete="off" 属性本身就是不让输入框自动填充,为什么界面还是填充了?(3)针对这个问题我也不想纠结为什么了,我只想解决,网上找了几个办法貌似都没什么用。直到看了这个,问题才得以解决,参考链接:https://blog....原创 2019-07-09 16:18:21 · 3604 阅读 · 1 评论 -
js操作textarea换行显示与拆分
如图所示,将textarea的中的值取出,并将每一行键值对解析(前三行是制表符、后三行是逗号)写值情况就不多说了,/n表示换行,想在哪里换行直接加\n下面是取出,并获取每一行键值的相关JS部分:// 取得textarea中的所有文本值var val = $("#textareaId").val();// 拆分出每一行var arr = val.split("\n");for原创 2017-08-07 17:15:39 · 4491 阅读 · 0 评论 -
js链接跳转
window.location.href = "https://www.baidu.com";原创 2017-05-17 17:45:31 · 436 阅读 · 0 评论 -
jquery获取带name属性input的值
(1)简单input$("input[name='xxx']").val();(2)type=radio的input(获取选中的值)$("input[name='xxx']:checked").val();原创 2017-05-18 11:24:33 · 13673 阅读 · 0 评论 -
让元素有效和无效
(1)元素启用$(".disable").attr("disabled",false);(2)元素无效$(".disable").attr("disabled",true);原创 2017-05-18 11:28:44 · 578 阅读 · 0 评论 -
jquery 全选和全不选合集
$(function(){ $("#allCheck").change(function(){ var chk = $("#allCheck").prop('checked'); if (chk) { $(".eachCheck").attr("checked",true); }else { $(".eachCheck").attr("checked",fal原创 2017-05-18 11:37:55 · 560 阅读 · 0 评论 -
JS判断上传的文件类型
(1)判断图片:if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(file.name)){ alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); return;}(2)判断Excel文档:if (!/\.(xlsx|xls|XLSX|XLS)$/.test(file.name)) { ale...原创 2017-05-20 09:40:07 · 4836 阅读 · 0 评论 -
layer父页面调用子页面方法
子页面JS方法: function sureChoose(){ alert("你好!"); }父页面JS中layer调用子页面方法:// 添加供应商$(function(){ $('.addSupplierBtn').click(function(){ var url = "/relati...原创 2017-06-16 09:39:31 · 7491 阅读 · 3 评论 -
上传文件名称回显
// 上传文件名称显示$("#importFile").change(function() { var file = $("#importFile").prop('files')[0]; $("#showFileName").val(file.name);});原创 2017-06-03 09:50:36 · 3794 阅读 · 0 评论 -
input限制3位小数输入
(1)在 input 框中 Class 属性中加一个checkNum;<input type="text" class="checkNum" value="0" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')">说明:onkeyup="value=value.replace(/[^\d{1,}\....原创 2017-06-20 20:33:38 · 9600 阅读 · 0 评论 -
Jquery处理未来元素
今天在工作中遇到一个问题:就是页面追加新增的HTML不受jquery影响。比如某个class的变化事件:$(function() { $(".addStockBtn").click(function() { alert('hello world'); });});当页面初始就有该class的元素是可以的,可以打印出hello word,但未来元素却不受影响。...原创 2017-07-01 11:43:36 · 4542 阅读 · 1 评论 -
关闭所有layer
layer.closeAll();原创 2017-06-12 16:11:20 · 4794 阅读 · 0 评论 -
JS序列化JSON数组
var arr = new Array(); for (var i = 0; i < boxs.length; i++) { var box = boxs[i]; var supplierId = $(box).val(); ...原创 2017-07-12 20:44:31 · 3396 阅读 · 0 评论 -
根据当前元素获取其他元素
// 1. 获取父元素 $(this).parent();// 2. 获取所有祖先元素$(this).parents();// 3. 获取所有子元素,该方法只会返回直接的孩子节点,不会返回所有的子孙节点$(this).children();// 4. 获取所有后代元素$(this).contents();// 5. 获取上一个兄弟元素$(this).prev();// 6. 获原创 2017-06-26 10:49:39 · 755 阅读 · 0 评论 -
Jsp格式化显示Date类型数据
参考链接:http://blog.youkuaiyun.com/twitter_94/article/details/47771091第一步:导入相关的标签库<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>第二步:显示你需要的数据<fmt:formatDate value="${each....原创 2017-06-14 17:35:07 · 1942 阅读 · 0 评论 -
页面如何回显左侧导航菜单?
(1)如下图,做管理网站的时候一般左侧都有二级菜单,甚至多级菜单,我们如何通过JS代码控制显示对应的菜单栏呢?(2)菜单栏对应的代码如下:<div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <div class="layui-side la...原创 2019-07-15 11:34:43 · 3668 阅读 · 1 评论