
JS前端开发
lanqibaoer
这个作者很懒,什么都没留下…
展开
-
记一次小程序白屏
1.NG前端上下文配置,缓存不要开启 add_header Cache-Control no-cache;2.前后端约定版本号接口,当版本号变化,前端小程序清空缓存3.NG的安全机制调整4.小程序采用了较高版本的语法,微信客户端版本低不适配...原创 2020-08-15 08:55:24 · 257 阅读 · 0 评论 -
google chrome当图片不显示时,默认显示边框的解决办法
html: 页面显示:解决办法:#demo8{ font-family: 'Helvetica'; font-weight: 300; line-height: 2; text-align: center; width: 100%; height: auto; display: block; position: relative;}#d转载 2016-04-18 13:21:50 · 2496 阅读 · 0 评论 -
jquery怎么跳出当前的each循环
有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了,但是使用之后没有效果,因为在jquery中没有这两条命令。后来上网查了下,得到了结果:return false;——跳出所有循环;相当于 javascript 中的 break 效果。return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continu转载 2016-04-10 14:13:41 · 306 阅读 · 0 评论 -
html头部代码【转载】
学习html是件比较容易的事情,但单单学html语言肯定是不够用的,所以大多数人并没有拿html作为学习核心,而是将html作为javascript、动态语言或者css学习的必经之路。于是很多人并不关注一些其他的html标签。主流书籍大多对此也是一掠而过,我倒更认为,是书本的作者本身对此一知半解,受惑于此,最近幸运看到关于这部分古老标签的介绍,想在这里写一下。所谓知其然当知其所以然,html已经有转载 2016-03-27 18:06:35 · 724 阅读 · 0 评论 -
1、Jquery form表单ajax提交 2、jquery.filter校验多个相同类型的文本框是否输入数据有重复
JSP引用该JS表单保存按钮 onclick=save();function save(){ var ipts = $('.resblockName'), repeat = ''; $(".resblockName").each(function () { if (ipts.filter('[value="' + this.value + '"]'原创 2016-04-11 16:46:29 · 1838 阅读 · 0 评论 -
JS快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器。我们一步一步进入这个过程。一、简陋的获取图片方式[jscript] view plain copy"font-size:14px; colo转载 2016-03-27 09:50:02 · 367 阅读 · 0 评论 -
css div靠最下
1、div最下边显示: bottom: 0px;原创 2016-03-26 22:49:02 · 6180 阅读 · 0 评论 -
html页面中查找元素 css
1、根据某标签获取上层父标签 根据img获取上层div: $(img).parents("div"); 根据div查询下属标签,如a: $(img).parents("div").find(".div1 a");原创 2016-03-26 09:39:18 · 2253 阅读 · 0 评论 -
拆分上中下div 且div中嵌套多个横排或竖排div
div拆分上中下,且上div连续多个横排小div,中部div连续多个竖排div,且每个竖排div有三个横排div@charset "utf-8";.div-body{ overflow:auto; height:100%; min-height:600px; border: 1px solid #c0c0c0;}.div-top{ overflow:auto; heigh原创 2016-04-07 23:34:27 · 5346 阅读 · 0 评论 -
1、input hidden change事件失效2、html通过js追加的元素jquery事件失效
1、由于html中的hidden元素是直接使用jquery的change事件是没有效果的。当元素值改变的时候,在令该元素改变的事件中$("#hiddenId").change();然后再利用 jquery事件即可获取到hiddenId的change事件$("#resblock_pic_type").on("change",function(){});例如:$(".d原创 2016-03-25 18:15:47 · 7463 阅读 · 1 评论 -
画田字div,且田左下角拆分上下
/**画田字div,且田左下角拆分上下*/.box{ width:1200px; height:100%; min-height:550px; border: 0px solid #c0c0c0;}/**box上*/.box-top{ margin: 0 auto; width: auto; height:100%; min-height:80px;原创 2016-03-31 14:19:13 · 1496 阅读 · 0 评论 -
html div 切割 上下左右 四个div
.box{ width:1200px; height:100%; min-height:550px; border: 1px solid #c0c0c0;}/**box上*/.box-top{ margin: 0 auto; width: auto; height:100%; min-height:80px; border: 1px solid #原创 2016-03-30 21:45:22 · 13387 阅读 · 0 评论 -
jquery解决冲突,重命名
在JQuery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件 jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.j转载 2015-10-14 11:03:59 · 2874 阅读 · 0 评论 -
div失去焦点
function isShowDiv(obj){ $(obj).attr("style","display:none;");}弊端:当JS获取焦点时,再移除光标,事件才能有效。转载 2016-04-13 23:08:47 · 2099 阅读 · 0 评论 -
Jquery+CSS 自定义联想搜索框,带删除图标,多个form表单ajaxsbumit
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> .dele_pic { display原创 2016-04-14 10:34:14 · 2501 阅读 · 0 评论 -
lodop前端控件 访问电子秤 串口通信(踩过的坑。。。)
因为是一个依赖客户端纯前端的功能,无需和后端交互。略去引入lodop JS 、下载安装lodop客户端、启动lodop服务等。这些相信使用这个软件的童鞋都不陌生,现在贴出设置读取访问串口的代码。大家可访问lodop官网样例17查看相关代码http://www.lodop.net/demolist/PrintSample17.html说明:通过调试助手模拟电子秤页面可轻...原创 2019-07-15 17:49:25 · 2523 阅读 · 2 评论 -
JQuery File上传 ajax获取Base64 Base64转File
HTML中不存在form表单 ,单纯ajax获取上传文件<input type="file" id='image' name="image" accept="image/*" capture='camera' onchange="uploadImg(event)" >//获取文件Base64 function uploadImg(e){ console.info...转载 2019-06-14 11:38:24 · 3323 阅读 · 0 评论 -
DIV+CSS绘制JD电子面单初稿
<style> .content{ width:96mm; /* height:109mm; */ border:0px solid blue; margin-left: 2mm; margin-bottom: 2mm; margin-top: 2mm; } .bar...原创 2019-03-26 15:36:10 · 935 阅读 · 0 评论 -
lodop做web端打印插件
1.下载lodop插件,安装到本地2.绘制一个DIV打印区域3.设置一个触发事件,调起lodop,将DIV打印输出 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534C0000" width=0 height=0> <embed id="LODOP_EM" t...原创 2019-03-30 09:48:08 · 1285 阅读 · 0 评论 -
JS 数值型 运算
function calculatePrice(){ var price = new Number($('#price').val()); var petroDiscount = new Number($('#petroDiscount').val()); var merchantDiscount=new Number( $('#merchantDiscount').val()...原创 2018-09-07 15:54:51 · 2606 阅读 · 0 评论 -
BootStrap 风格 Table自定义排序
一段Html,排序的表头设置样式<table id="contentTable" class="table table-striped table-bordered table-condensed"> <thead> <tr> <th>序号</th>原创 2018-09-06 15:31:49 · 9716 阅读 · 0 评论 -
JS控制<a>超链接重复提交
JSP页面:<a href="#" onclick="sendreport('${s.waybillnumber }')" class="disableCss">发送</a>JavaScript脚本: <script type="text/javascript"> function sendreport(waybil原创 2018-09-04 15:06:34 · 1313 阅读 · 0 评论 -
关于Firefox浏览器submit提交无效的问题
转自:http://blog.youkuaiyun.com/u010981786/article/details/49634513问题描述如下:在js中构建了一个form,因为我需提交大量数据到后台处理并返回html页面到窗口,之前用$.post();做过,但是返回的html代码中的js代码加载不了,原因也没有去深入研究,如果有大神知道还麻烦在评论中给我讲解下。回到正题,下面是之前写的js转载 2016-08-30 20:05:19 · 1273 阅读 · 0 评论 -
thymeleaf学习文档
thymeleaf [taɪm lif]百里香叶官方文档http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.htmlhttp://blog.youkuaiyun.com/pdw2009/article/details/44701127 或者使用下面的文档声明也可以,这样就没有Thymeleaf对文档的校验功能了,因翻译 2016-09-09 16:58:23 · 9250 阅读 · 0 评论 -
chosen.jquery 插件 动态设置下拉选项被选中selected
Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值 在做一个编辑对话框时,要对里面带有select option的操作。主要是想动态加载option和对option的选中。但是由于项目中使用了jquery里的chosen()方法,怎么也无法实现效果。原码如下: Java代码 "vi转载 2016-04-19 16:02:18 · 11828 阅读 · 0 评论 -
html jsp中设置select disabled 当修改保存时,后台未读取到数据
html jsp中设置select disabled 当修改保存时,后台未读取到数据。解决方案:<select id="name" name="name" disabled><option></option><option></option>.......</select>在form表单提交时移除disa...原创 2015-09-25 15:35:08 · 1234 阅读 · 2 评论 -
jquery validate 及追加html 前端封装JS对象 后台@ReqesutBody 对象即拿到数据
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>任务步骤 任务详情 任务详情原创 2015-09-21 13:47:16 · 1092 阅读 · 0 评论 -
正则表达式以某字符开头
/^(sg|gz){1}.*/手机验证/^1[3|5|8][0-9]\d{8}$/原创 2015-06-01 15:14:27 · 21165 阅读 · 1 评论 -
js 日期加天数得到新的日期
function DateAdd(sdate, days) { var a = new Date(sdate); a = a.valueOf(); a = a + days * 24 * 60 * 60 * 1000; a = new Date(a); return a;}转载 2013-10-14 14:47:26 · 969 阅读 · 0 评论 -
JS格式化数字,保留两位小数点
var a=3.1415926;a = a.toFixed(2);//保留2位但结果为一个String类型a = parseFloat(a);//将结果转换会float//用一步的话如下a = parseFloat(a.toFixed(2));转载 2013-10-15 10:28:29 · 915 阅读 · 0 评论 -
用javascript写一个函数,作用是去除字符串前后空格
function trim(str){ return str.replace(/(^\s*)||(\s*$)/g,""); } var str=" aaa "; alert(str.length); str=str.trim(str); alert(str.length);原创 2013-06-25 16:36:41 · 2441 阅读 · 0 评论 -
在JSP页面上实现简单的打印
简单点就调用window.print()你也可以把下面代码放到你JSP中:M.table{ text-align:center; } .Noprint{display:none;} .PageNext{page-break-after: always;}转载 2013-04-30 09:19:04 · 968 阅读 · 0 评论 -
一个Action调用两个不同的方法
function modify() { document.form1.action="modify.jsp"; document.form1.submit(); } function delete() { document.form1.action="delete.jsp"; document.form1.submit(); }原创 2013-04-30 09:10:55 · 1041 阅读 · 0 评论 -
Java打印设置属性
WebBrowser组件的execWB方法1. 2. 调用方法:WebBrowser.ExecWB nCmdID, nCmdExecOpt, [pvaIn], [pvaOut]3. 参数说明:(a).nCmdID OLECMDID_OPEN = 1, OLECMDID_NEW = 2, OLECMDID_SAVE = 3, OLECMDI转载 2013-04-30 09:04:08 · 2153 阅读 · 0 评论 -
JS关闭窗口,返回到上一窗口
关闭窗口原创 2013-04-30 09:16:04 · 1488 阅读 · 0 评论 -
国际化标签 GIS
本地化 pageContext.setAttribute("date",new Date());%>处理乱码在国际化中最重要的部分读取资源文件资源文件是*.propertiesname=zmypwd=1231》GIS 2》XML编程经验 3》SVN的使用4》ROR原创 2013-04-30 09:28:21 · 624 阅读 · 0 评论 -
EXT布局
Ext.onReady(function(){Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';var toolbar=new Ext.Toolbar({height:25,width:1000,renderTo:Ext.getBody(),items:[{text:"文件",menu:[{te转载 2013-04-30 09:26:39 · 515 阅读 · 0 评论 -
JSON字符串转换
JSONObject json=new JSONObject();JSONArray jsonMembers = new JSONArray();for(Dept daily:dailys){JSONObject member = new JSONObject();member.put("dept_name", daily.getDPT_NAME());member.put("转载 2013-04-30 09:06:09 · 579 阅读 · 0 评论 -
JS计算日期相减天数
//计算日期相减天数function DateMinus(sDate){ var sdate = new Date(sDate.replace(/-/g, "/")); var now = new Date(); var days = now.getTime() - sdate.getTime(); var day = parseInt(days / (1000 * 60 * 6原创 2013-10-14 15:12:15 · 4347 阅读 · 0 评论 -
日期是NaN 转化成UTC格式时间
/*字符转日期*/StringToDate=function(DateStr){ if(typeof DateStr=="undefined")return new Date(); if(typeof DateStr=="date")return DateStr; var converted = Date.parse(DateStr); var myDate =转载 2013-10-15 16:31:34 · 719 阅读 · 0 评论