javascript小技巧
学习最重要的就是注重细节!
师远鹏
主要从事于java方面的软件开发,基于B/S架构的开发,有丰富的项目开发经验,3-5年的java开发经历,带过5-10人以上团队开发
展开
-
AngularJs 中的键盘事件和鼠标事件
ngKeydown/ngKeypress/ngKeyup该指令在按键按下/按键按下/按键松开时执行指定表达式。ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以。ngKeyup指令在按键松开的时候执行。使用代码: {{count}} {{count}} {原创 2017-03-10 10:42:46 · 4142 阅读 · 0 评论 -
Angular1、Angular2常用小方法(持续添加。。。)
此文章只是为自己记录一些常用的Angular小方法之前js判断未定义的对象都是用原生JS判断是否等于undefined最近惊喜的发现angular已经此类方法,所以记录一下1、判断是否未定义:angular.isUndefined()2、时间格式化:{{obj.processTime |date:'yyyy-MM-dd HH:mm:ss'}}原创 2017-03-29 14:05:09 · 1305 阅读 · 1 评论 -
计算两个日期相差的天数
function btnCount_Click(){ s1 = "2015-1-10" s2 = "2015-10-1" alert(DateDiff(s1,s2)) } //计算天数差 function DateDiff(sDate1, sDate2){ //sDate1和sDat原创 2017-06-02 09:37:15 · 2930 阅读 · 0 评论 -
yepnope.js 异步加载资源文件
yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本,可以在页面上仅加载用户需要的js/css。yepnope的优点: 可以同时处理javascript以及css 能够按条件加载 Gzip后只有1.6K比大多数的资源加载器都小 可以加载CSS及JS yepnope通过了作者能找到的所有的浏览器的测试 yepnope完全分离资源加载和执行,这原创 2017-06-27 08:53:31 · 3240 阅读 · 0 评论 -
jquery隐藏按钮
jquery隐藏按钮1 $(function () {4 if (shhbs == "istj")5 $("#button1").hide();6 });原创 2014-05-15 18:39:24 · 10269 阅读 · 0 评论 -
html5手机页面 点击事件
Zepto.js和jquery区别在于:Zepto.js是小巧的适用于手机页面的js框架jquery比Zepto.js相对大一点,两者语法大致相同zepto.js手机页面点击事件代码如下:1$("#android_link").on('click',2原创 2015-11-05 14:28:33 · 7720 阅读 · 0 评论 -
适合手机页面微信页面pc页面用的幻灯片
适合手机页面、微信网页的幻灯图插件首先是css文件 style.css@charset "utf-8";*{margin:0;padding:0;list-style:none;border:0;}body{width:100%;margin:0 auto;overflow:hidden}/* main_image */.main_visual{height:422p转载 2015-11-24 14:15:24 · 1983 阅读 · 0 评论 -
手机端根据区域和距离弹出选择效果
手机端根据区域和距离计算问题代码运行效果截图:具体代码如下:css文件@charset "utf-8";*{margin:0;padding:0;border:0} body{ font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC"原创 2015-11-24 14:30:55 · 1328 阅读 · 0 评论 -
zepto.js 手机页面地区三级选择控件
地区三级选择控件运行效果截图:html代码如下 编辑地区: js代码var selectArea = new MobileSelectArea(); selectArea.init({trigger:'#address',value:$('#hd_area').val(原创 2015-11-24 14:45:20 · 13336 阅读 · 1 评论 -
移动端 jquery 长按触发移动事件 <升级版>
长按触发移动事件,可以用于手机界面上返回导航图标 等等将代码拷贝到本地,进行测试在手机端测试,或者通过谷歌浏览器F12 测试增加了对长按时间的判断,区分单击事件和长按事件 测试触摸事件 #mydiv { position:fixed; left:10px; top:10p原创 2015-11-30 13:54:15 · 17133 阅读 · 0 评论 -
可以展开折叠和触摸移动的浮动层 可以用于微信页面
可以展开折叠和触摸移动的浮动层,css代码暂没提供,Html代码如下: -->原创 2015-12-16 08:59:43 · 2532 阅读 · 0 评论 -
jquery懒加载使用方法
懒加载是网站性能优化的插件,可以提高用户体验。页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载。1、引入jquery2、引入jquery懒加载插件//cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyloa原创 2015-12-29 16:08:01 · 9807 阅读 · 0 评论 -
input联想输入 jquery.autocomplete.js
jquery.autocomplete.js可以实现input联想输入如以下截图1、引入jquery2、引入jquery.autocomplete.js3、代码/*input联想输入*/function initAutoComplete(json){ $("#coupcode").autocomplete(json ,原创 2015-12-29 16:28:43 · 8577 阅读 · 0 评论 -
jQuery插件treeview点击节点名称不展开、收缩节点
修改jQuery.treeview.js文件中的applyClasses方法(注释掉两行代码):修改后的applyClasses方法如下:applyClasses: function(settings, toggler) {this.filter(":has(>ul):not(:has(>a))").find(">span").click(funct原创 2016-06-16 15:37:05 · 2261 阅读 · 1 评论 -
弹出窗体大全
//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("window.close();");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write(""); this.Response.Write("{top.opener =null;top.close();}"); this.Response.Write转载 2012-08-31 21:30:40 · 601 阅读 · 0 评论 -
js日期处理方法
//获取两个日期相差的天数var dt1 = new Date("2008/06/19");var dt2 = new Date("2008/08/08");var days = parseInt(Math.abs(dt2 - dt1 ) / 1000 / 60 / 60 /24);alert("今天距北京奥运还有"+days +"天!");//给某个日期添加天数f转载 2013-02-21 21:33:32 · 578 阅读 · 0 评论 -
ajaxForm 、ajaxSubmit 区别
ajaxForm ajaxForm()不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ajaxForm()适用于以表单提交方式处理ajax技术(需要提供表单的action、id、 method,最好在表单中提供submit按钮)它大大简化了使用ajax技术提交表单时的数据传递问题,使用ajaxForm()原创 2015-11-04 09:27:32 · 2181 阅读 · 0 评论 -
jQuery对象DOM对象互转
为了更好的浏览,请移驾http://www.havestyle.cn/post/46DOM对象转成jQuery对象: 对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象) 如:var v=document.getElementById("v"); //DOM对象 var $v=$(v); //jQuer转载 2015-11-12 12:09:52 · 627 阅读 · 0 评论 -
关于js匿名函数的那些事
1、首先说写法:当然有n种写法了最常见的用法: 复制代码代码如下:(function() { alert('water'); })(); 当然也可以带参数: 复制代码代码如下:(function(o) { alert(o); })('water'); 想用匿名函数的链式调用?很简单: 复制代原创 2015-12-28 09:41:59 · 1225 阅读 · 0 评论 -
doT.js 模板引擎的使用
第一步:引入doT.min.js文件第二步:利用doT.js模板在html中 {{ for(var i=0; i < it.length; i++) { }} {{=it[i].title}} -->{{=it[i].description}} --> {{原创 2016-03-14 15:12:33 · 6892 阅读 · 0 评论 -
doT.js 爱好者
项目地址:https://github.com/olado/doT使用方法:{{= }} for interpolation //赋值{{ }} for evaluation //循环{{~ }} for array iteration //数组{{? }} for conditionals //条件{{! }} for interpolation with enc原创 2016-03-15 15:53:40 · 1274 阅读 · 0 评论 -
zepto图片延迟加载插件picLazyLoad
图片懒加载有很多js插件,非常著名的属jQuery的Lazy Load了。自己做手机项目上也需要图片懒加载,而且手机上的图片懒加载有两种:一种是普通img标签的,一种是div标签(或者其他标签)上加背景图片的。所以就练手写了个支持以上两种情况的Zepto小插件。功能:支持img标签图片懒加载、div标签(或者其他标签)的背景图片懒加载;支持预加载。默认是图片出现在屏原创 2016-03-15 16:05:05 · 6012 阅读 · 0 评论 -
采用正则表达式获取地址栏参数
function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null原创 2017-03-22 23:24:37 · 878 阅读 · 0 评论 -
jQuery Utilities
$.each(object,function(name,value){}),用于遍历对象和数组。1$.each( [0,1,2], function(i, n){2 alert( "Item #" + i + ": " + n );3转载 2013-02-19 09:16:47 · 614 阅读 · 0 评论 -
jsp中的动态下拉框的回填方案
1. 将从数据库或者配置文件等查询出来的动态下拉框的内容作为一个list 通过request.setAttibutte(‘list’,list)的方式set到页面;2. 当点击查询时获取当前选中的下拉框的值,然后将其request.setAttibutte(‘item’,item) 存在页面的隐藏域中;3. 当查询完成显示页面时,js遍历list转载 2013-03-20 17:25:25 · 2246 阅读 · 0 评论 -
jQuery中$.get、$.post、$.getJSON和$.ajax的用法
1、$.get$.get()方法使用GET方式来进行异步请求,它的语法结构为:$.get( url [, data] [, callback] )解释一下这个函数的各个参数:url:string类型,ajax请求的地址。data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。callb转载 2014-04-10 19:51:36 · 947 阅读 · 0 评论 -
给easyui datagrid设置title
$("#myDdtagiid").datagrid({title:'new title'});或者:$("#myDdtagiid").datagrid('setTitle','new title');原创 2014-05-12 11:03:35 · 29268 阅读 · 7 评论 -
js与jquery的全选与反选
1、js全选与反选:function checkallEvent(){ var ck1 = document.getElementById("ck1").checked; var ck2s = document.getElementsByName("ck2"); if(ck1 == true){ for(var原创 2013-01-18 12:57:04 · 714 阅读 · 1 评论 -
javascript表单验证
js验证表单大全1. 长度限制function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}2. 只能是汉字3." 只能是英文function only原创 2013-01-18 13:22:10 · 2643 阅读 · 0 评论 -
后台管理菜单(左侧)
后台管理菜单 body {margin:0;text-align:center;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:center;background:#C8D0D5;line-height:150%;} a:link,a:visited {color:#385065;text-decoration:non原创 2013-01-18 13:25:01 · 6060 阅读 · 0 评论 -
点击后自动跳到本页的某个位置
点击回复帖自动跳到2000的位置!js:function moveBottom(){ //点击回复帖子然后自动跳到2000位置 scroll(0,2000);}html: 其中的 //点击后还在本页,只不过执行了onclick里的行为,原创 2013-01-18 13:27:27 · 1244 阅读 · 0 评论 -
ffsetTop、clientTop、scrollTop、offsetTop各属性介绍
html中HHTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对原创 2013-02-18 18:32:45 · 1046 阅读 · 0 评论 -
js图片滚动
<!--#demo {background:#FFF; overflow:hidden; border:1px dashed #CCC; width:700px}#demo img {border:3px solid #F2F2F2}#indemo {float:left; width:800%}#demo1 {float:left}#demo2原创 2013-02-18 22:44:30 · 1011 阅读 · 0 评论 -
弹出窗体大全
//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("window.close();");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write(""); this.Response.Write("{top.opener =null;top.close();}"); this.Response.Write转载 2013-02-19 09:15:09 · 605 阅读 · 0 评论 -
js中return false 的用法
js中return false 的用法return false 阻止表单提交不起今天这个问题困扰了我很久,在网上找了很多资料,基本上关于onsubmit=return false有以下几点要注意的地方:1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可原创 2013-04-25 10:58:43 · 1620 阅读 · 0 评论 -
怎样用JS给,option添加“选中”属性
window.onload = function(){ var opts = document.getElementById("select"); var value = 2//这个值就是你获取的值; if(value!=""){ for(var i=0;i<opts.options.length;i++){ if(value==op原创 2013-03-20 17:26:42 · 12619 阅读 · 0 评论 -
控制不让为空
//控制不让为空window.onload=function() { var inputs=document.getElementsByTagName("textarea"); //取得标签 for (var i=0;i //if(inputs[i].getAttribut原创 2013-04-25 11:41:16 · 1157 阅读 · 0 评论 -
用JS实现的控制页面前进、后退、停止、刷新以及加入收藏等功能
用JS实现的控制页面前进、后退、停止、刷新以及加入收藏等功能,如下代码: a href=javascript:history.back(-1)后退/a a href=javascript:history.back(1)前进/a a href=javascript:window.location.reload()刷新/a a href=javascript:document.execCommand用转载 2013-08-21 19:29:27 · 6862 阅读 · 0 评论 -
弹出窗口,并适合屏幕大小
function winModalFullScreen() {var sheight = screen.height - 95;var swidth = screen.width - 8;window.open("${CTX_ROOT}/View3d/index.htm", "newwindow","height="+sheight+", width="+swidth+", top原创 2014-05-06 12:33:57 · 2617 阅读 · 0 评论 -
javascript怎么清空一个div里面的内容
document.getElementById('BIGDraw').innerHTML = "";清空div内容原创 2014-05-17 10:51:30 · 104780 阅读 · 1 评论