javascript
文章平均质量分 55
调皮的芋头
我是一个非常勤奋、自信的人。
GitHub:https://github.com/liuyu520
展开
-
javascript 常用方法
javascript常用方法:(1)startWithjs本身没有startWith方法,我进行了如下封装:String.prototype.startWith=function (string){ return (this.indexOf(string)==0);}var aaaa="/c/c";alert(aaaa.startWith('/'));...2014-06-16 00:35:41 · 100 阅读 · 0 评论 -
各种滚动条的获取
使用javascript如何获取页面滚动条呢?(1)获取页面滚动条// Cross browser gets the position of scrollcom.whuang.hsj.getScroll=function(){ return { top:document.documentElement.scrollTop || document.body...2015-02-03 15:01:50 · 246 阅读 · 0 评论 -
让表格相邻行的颜色不同
先看看效果:如何让表格相邻行的颜色不同呢?如何让表格的行的颜色间隔不同呢?表格的行间隔变色有如下种方式方式一:使用纯csstable.dictionaryList tr:nth-child(2n+3){ background-color:#c0e0f7;}table.dictionaryList tr:nth-child(2n+2){ background...2015-02-07 23:42:51 · 1362 阅读 · 0 评论 -
表格鼠标经过时变色
如何实现鼠标经过时变色呢?如图: ------------------------------------ 如何实现鼠标放在上面时表格的行变色呢?有如下两种方式:方式一:使用纯cssdiv.queryResultDiv table.productList tr:nth-child(n+2):hover{ background-color: #B0D2FF;}...原创 2015-02-08 00:01:46 · 591 阅读 · 0 评论 -
这些年遇到的js的坑
总结一些这些年遇到的javascript的坑,当然也是自己学艺不精.现总结如下(1)声明js函数(js方法)时报错 原因是:缺少function关键字.正确的应该是:com.whuang.hsj.getCustomAttr=function(htmlNode22,attr){ var hospitalId=htmlNode22[attr]; if(hospitalId==...2015-02-08 12:13:43 · 335 阅读 · 0 评论 -
可以水平滚动的导航栏
有时候我们的水平导航栏的长度会超过屏幕宽度,那么如何增加水平滚动条呢?使用场景:新闻页面的导航栏.实现的效果如下:火狐中: chrome中: 代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content=&2015-02-08 21:55:27 · 426 阅读 · 0 评论 -
获取元素的style属性
r如何获取元素的style属性呢?一般我们想到的方法是使用obj.style例如<nav><div id="overflow" ><div class="container"><a href="index.asp">Home1</a><a href="htm2015-02-09 11:22:48 · 1991 阅读 · 0 评论 -
内部js代码获取后台变量
java web中,内部js代码如何获取服务器后台的变量呢?根据jsp页面使用的标签不同有一下几种情况:(1)页面使用EL表达式,使用spring MVC内部js代码:alert("222:${sessionScope.practiceWay}");var practiceWay=String("${sessionScope.practiceWay}"); (2)页...2013-10-08 21:13:42 · 722 阅读 · 0 评论 -
javascript 反序列化json字符串
javascript中如何反序列化json字符串呢?有如下两种方法:(1)使用万能的evalvar jsonText = '{"name":"acwong","age":23,"address":{"province":"GuangDong","city":"GuangZhou"},"friends":["2015-03-06 11:05:59 · 187 阅读 · 0 评论 -
App Framework框架之绑定事件(1)
App Framework是intel公司开发的一个web app框架官网:http://app-framework-software.intel.com/af22有如下事件:tap Tap on the elementsingleTap Single tap on the elem (250ms delay after t...2015-03-06 21:39:03 · 169 阅读 · 0 评论 -
App Framework框架之选择器(2)
App Framework选择器类似于jquery范例:$settings=$(div_settings); var $login_li=$settings.find("#settings_user");var $user_modify_password_div=$(user_modify_password_panel); $user_modify_pas...2015-03-07 11:48:10 · 88 阅读 · 0 评论 -
App Framework发送JSONP请求(3)
App Framework 中如何发送JSONP请求呢?使用jsonp,详情请参考:http://json-p.org/如何发送Ajax请求呢?(1)登录/*** * 会员登录 * @param username * @param password */var user_login=function(username,password){// ale...2015-03-09 16:24:34 · 135 阅读 · 0 评论 -
页面加载时就确定函数实现
我们知道使用js获取浏览器的信息时经常涉及浏览器的兼容性.例如获取浏览器的滚动条// Cross browser gets the position of scrollcom.whuang.hsj.getScroll=function(){ return { top:document.documentElement.scrollTop || document....2015-03-21 17:31:27 · 98 阅读 · 0 评论 -
可以拖动的弹出窗
如何让弹出窗口可以拖动呢?如何做出可以拖动的对话框呢?实际上弹出窗口就是一个div,范例:<!-- 弹出窗口层 --> <div id="subPagePanel" style="display:none;" > <h2 style="color: #fff;font-weight: bold;" class="ui-icon-cl.2015-03-21 23:23:01 · 165 阅读 · 0 评论 -
js 让窗口居中
直接上代码$(function() { function center_pos(){ var width = $('.dialog').width(); var height = $('.dialog').height(); var top = (getInner().height - height) / 2 + getScroll().top; v...2015-03-25 23:17:05 · 496 阅读 · 0 评论 -
js 一些小技巧
1,表单中,回车导致下一个表单元素聚焦/***enter to make next object focus*/var pressFocusNext=function(event,next22){ if(!event ||event==undefined){ event=window.event; } if(event.ke...2015-03-27 12:12:28 · 125 阅读 · 0 评论 -
js 一些小技巧 2
ajs 的一些小技巧(1)传入一个表单控件(如input输入框,按钮)获取所在的form var getForm= function (formElement) { var $that=$(formElement).parent(); var max=6;//limit the depth var fie...2015-03-28 10:50:27 · 95 阅读 · 0 评论 -
js 一些小技巧 3
javascript的一些小技巧(1)同时按Ctrl+Enter提交本表单在多行文本域增加onkeydown 事件com.whuang.hsj.ctrlEnter2Submit的实现如下:/*** * 1. @param event : textarea onkeydown event 2. @param formElement : textarea itself...2015-03-29 00:23:54 · 127 阅读 · 0 评论 -
js实现登录时记住用户名
在页面中如何获取cookie值呢?如果是JSP的话,可以通过servlet的对象request 获取cookie,可以参考:http://hw1287789687.iteye.com/blog/2050040如果要求登录页面是html呢?html页面中如何获取cookie呢?直接上代码了页面:loginInput.html代码:<!DOCTYPE html PU...2014-04-24 00:04:47 · 322 阅读 · 0 评论 -
js作用域详解
js的作用域我们要明确最基本的一点:(1)在函数外面无法访问函数内的局部变量. console.clear();function test(){ var name2="whuang"; console.log("name:"+name2); }console.log(name2);test(); 运行时报错 解说:变量n...2015-05-11 19:57:05 · 91 阅读 · 0 评论 -
js 克隆
js 如何克隆一个对象呢?var clone = function(src){ var target = {}; for(var i in src){ if(typeof src[i]==='object'){ target[i] = arguments.callee(src[i]...2015-05-11 23:15:22 · 109 阅读 · 0 评论 -
javascript this详解
this是每一个想要深入学习Javascript的人必过的一关,我为this看过很多书查过很多资料,虽然对this有了一定的了解并且也经常使用this,但是如果有人问我 this是什么呀? 我依旧不能给别人一个完美的解释。最近一个小的机缘,让我重新对this有了认识,终于觉得自己可以把我认识到的this将给别人听了,所以现在迫不及待的来分享一下我的认识说到this,最重要的就是this的...2015-05-12 18:43:01 · 128 阅读 · 0 评论 -
js 继承(1)
js 如何实现继承呢?下面是一个简单的继承democonsole.clear();//child 继承 parentvar extend=function(child,parent){ child.prototype=new parent(); }function A(){ this.name="A"; this.sayHello=funct...2015-05-13 20:37:09 · 88 阅读 · 0 评论 -
js 中坑爹的零
js 中坑爹的0直接上代码:var a=0;if(a){ alert(true);}else{ alert(false);} 运行结果是什么呢?按照正常人的思维,应该为true,因为我们确实给a赋予了值.但是结果往往是残酷的.运行结果是false var a=0;if(a==false){ alert(true);}else{...2015-05-15 22:30:48 · 147 阅读 · 0 评论 -
js校验手机号
js 如何校验手机号码呢?手机号有如下规则:(1)必须全为数字;(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);(3)必须以1开头(有人见过以2开头的手机号吗?)(4)第2位是34578中的一个.js方法如下:/*** * check mobile phone:(1)must be digit;(2)must be 11 * @param s...2015-05-20 21:59:18 · 718 阅读 · 0 评论 -
html文本框只能输入数字
进行web前端开发,会经常遇到校验文本框内容的情形.比如校验用户输入的手机号是否合法.其实我们可以从根本上减少用户犯错的机会,比如文本框只能输入数字,若输入非数字字符,则马上被删除.界面: 第一个文本框,输入字母时会立即把字母替换为空字符串.核心js方法:/* * 只能输入正整数,不能有小数点 * */onlyIntegerKeyUp=function(e){...2015-05-20 22:13:34 · 1199 阅读 · 0 评论 -
UI设计的五大原则
关于UI设计规范,互联网上有各种各样的说法,归根结底,离不开以下五大原则,它们能让你的软件操作更加舒适简单,体现产品定位和特点。一、一致性原则坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。字体-保持字体及颜色一致,避免一套主题出现多个字体;-不可修改的字段,统一用灰色文字显示。...2015-05-22 08:57:29 · 949 阅读 · 0 评论 -
回调函数
1今天说一下我对回调函数的认识和理解. var addEvent = (function () { if (document.addEventListener) { return function (type, element, fun) { element.addEventListener(type, fun, false); ...2015-05-22 10:54:51 · 92 阅读 · 0 评论 -
js 把字符串转化为数组对象
js 中如何把一个普通的字符串转化为数组对象呢?例如:var jsonStr='[ 1,2, 3 ,"whuang" ]'; 如何把jsonStr转化为Array对象呢?我自己写了一个js方法来实现这个功能function string2Array(stringObj) { stringObj = stringObj.replace(/\[([\w, ]*)\]/, "$...2015-05-23 12:09:54 · 2517 阅读 · 0 评论 -
js 实现可以移动位置的弹出框
1,先看下效果: 而且对话框是可以拖动的: 点击对话框右上角的X 可以关闭对话框: 2,核心代码边框阴影效果: div.shadow { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=143, Color=#EA4748)"; /*IE 8*...2015-05-23 14:21:24 · 852 阅读 · 0 评论 -
实现跨浏览器的placeholder,兼容IE7
1,首先规定一下placeholder的规则(1)文本框无内容失去焦点时,显示placeher的文字(一般是灰色字体);(2)文本框聚焦时(还没有输入内容),placeher将消失,即文本框空白 (3)文本框输入内容时,placeholder也消失;(4)文本框失去焦点时若有内容,则不显示placeholder 2,核心方法/*** * convert De...2015-05-25 22:40:07 · 182 阅读 · 0 评论 -
跨浏览器的遮罩层透明度
跨浏览器的遮罩层透明度css 样式:background-color: rgba(255, 255, 255, 0.5); filter: alpha(opacity = 30);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 遮罩div的全部样式:#loadPanel { ov...2016-04-13 22:16:33 · 178 阅读 · 0 评论 -
jquery 获取outhtml
jquery 如何获取outHTML 呢?方式一:var outer_html = $('selector')[0].outerHTML ;console.log(outer_html); 方式二:outer_html = $('selector').clone().wrap('<p>').parent().html(); 参考:http://aghosh...2016-04-18 19:09:44 · 998 阅读 · 0 评论 -
js 兼容屏幕的高度
应用商店改版出现一个问题:屏幕很高的话,比如大显示器,页面内容很少的话,最大化浏览器,最下面就是空白的: //兼容页面的高度,因为如果Pc端屏幕是大屏幕的话,最下面是空白的 var $divConction=$('div.conction'); var height=$divConction.height();//获取div的...2016-04-26 16:50:24 · 115 阅读 · 0 评论 -
网页内容较少时footer没有贴底
网页内容较少时footer没有贴底 于是设置其中的div最小高度,设置完之后,在大屏显示ok了.但是在小屏显示不对了.$(window).height():窗口可视高度,不包括滚动条$(document).height():整个网页的高度,包括滚动条$('body').height():实际内容的高度大屏中,内容没有填满window :955document:95...2016-05-06 14:53:15 · 277 阅读 · 0 评论 -
超链接点击一次就失效不能再点击
如何让超链接点击一次就不能再点呢? <a href="<%=path%>/orders/export" class="daoc" onclick="disAbleA(this,1);return com.whuang.hsj.confirmDelete('确定要导出吗?')" >导 出(快)</a>&nbsp;<a hr2014-09-20 12:38:01 · 2835 阅读 · 0 评论 -
mac book中js如何识别command键
mac book中js如何识别command键通过JavaScript如何识别Mac/Apple key 呢?Unlike Shift/Alt/Ctrl, Mac/Apple key is not considered as a modifier key--instead, you should hook on keydown/keyup and record when a key is...2016-05-09 08:48:41 · 3177 阅读 · 0 评论 -
javascript获取事件源
javascript获取事件源var node = evt.currentTarget || evt.srcElement;var obj = event.srcElement ? event.srcElement : event.target; 加强版:var eventTarget = event.srcElement || event.target || even...2016-05-09 19:58:11 · 382 阅读 · 0 评论 -
安装jekyll
安装jekyll命令:gem install jekyll➜ blog gem install jekyllFetching: safe_yaml-1.0.4.gem (100%)Successfully installed safe_yaml-1.0.4Fetching: rouge-1.10.1.gem (100%)Successfully installed ro...2016-05-10 09:28:38 · 123 阅读 · 0 评论 -
js 回车提交表单
1,js 输入框如何铺货回车事件?在onkeypress事件中捕获,即在keypress事件中,判断按下的键是否是enter,其对应keyCode是13 <input type="text" name="email" placeholder="电子邮箱" onkeypress="pressEnterTo(event,user.registe...2015-06-27 09:13:29 · 222 阅读 · 0 评论