PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

求js捕捉文本框内值2011-05-18

哈,找到了,这个方法可以捕捉到onpropertychange-->可以捕获属性的改变要达到的效果很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。只要我们能捕获即时事件就能做到很多事情。需要了解的知识首先,我们需要了解onchange和onpropertychange的不同:IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。 onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。了解这一点后我们发现onpropertychange的效果就是我们想要的,可是很遗憾,它只在IE下有效果。我们能不能找到另外一个时间来代替onpropertychange呢?经过翻阅资料得知,在其他浏览器下可以使用oninput事件来达到同样的效果,真是太好了,我们只需要把IE浏览器区分出来就可以。oninput的使用下面我们先了解一下oninput如何使用。 如果您是将注册时间直接写在页面里面,那么如下写法就可以实现: 代码:但是,将oninput写在JS代码中分离出来时与普通事件注册的方法有些不同,必须使用addEventListener来注册。attachEvent和addEventListener 的不同说到这里我们再来了解一下 attachEvent和addEventListener 的使用方法:attachE...
此文被围观1039 分类: 前端设计 标签:  ··

JS DOM 控制表格行上下移动2011-05-18

关键字: js dom 控制表格行上下移动...
此文被围观1473 分类: 前端设计 标签:  ··

javascript人民币大小写转换2011-05-17

function cmycurd(num){  //转成人民币大写金额形式 var str1 = '零壹贰叁肆伍陆柒捌玖';  //0-9所对应的汉字 var str2 = '万仟佰拾亿仟佰拾万仟佰拾元角分'; //数字位所对应的汉字 var str3;    //从原num值中取出的值 var str4;    //数字的字符串形式 var str5 = '';  //人民币大写金额形式 var i;    //循环变量 var j;    //num的值乘以100的字符串长度 var ch1;    //数字的汉语读法 var ch2;    //数字位的汉字读法 var nzero = 0;  //用来计算连续的零值是几个 num = Math.abs(num).toFixed(2);  //将num取绝对值并四舍五入取2位小数 str4 = (num * 100).toFixed(0).toString();  //将num乘100并转换成字符串形式 j = str4.length;      //找出最高位 if (j > 15){return '溢出...
此文被围观1622 分类: 前端设计 标签:  ··

js表格操作2011-05-14

JS删除表格行 先取得表格: var table = document.getElementById("table"); 然后遍历表格的行数进行删除: for(var i=0; i  table.deleteRow(i);  } 这时会发现结果并不像预期那样,是因为删除一行后,table.rows.length会变小,所以先将table.rows.length 赋值给变量len,这时JS会报错,是因为每删一行后,len的值没变,而实际的行数却在变少,所以代码应该是: Js代码 var len = table.rows.length; for(var i=0; i table.deleteRow(0); } 删除指定行://删除指定行 function removeTr(obj){ var table = document.getElementById('myTable'); var td = obj.parentNode; var tr = td.parentNode; var rowIndex = tr.rowIndex; //删除指定Index的行 table.deleteRow(rowIndex); } 清空表格tbody中的行://清空列表 function clearTbody(){ if(confirm('确定清空表格数据???')){ var tbody = document.getElementByI...
此文被围观2290 分类: 前端设计 标签:  ··

js判断手机号或座机号2011-05-13

/******************* 函数名称:IsTelephone 函数功能:固话,手机号码检查函数,合法返回true,反之,返回false 函数参数:obj,待检查的号码 检查规则:   (1)电话号码由数字、"("、")"和"-"构成   (2)电话号码为3到8位   (3)如果电话号码中包含有区号,那么区号为三位或四位   (4)区号用"("、")"或"-"和其他部分隔开   (5)移动电话号码为11或12位,如果为12位,那么第一位为0   (6)11位移动电话号码的第一位和第二位为"13"   (7)12位移动电话号码的第二位和第三位为"13" ********************/ function IsTelephone(obj){     var pattern=/(^([0+]d{2,3})d{3,4}-d{3,8}$)|(^([0+]d{2,3})d{3,4}d{3,8}$)|(^([0+]d{2,3}){0,1}13d{9}$)|(^d{3,4}d{3,8}$)|(^d{3,4}-d{3,8}$)/;     return (pattern.test(obj)) ? true : false; }...
此文被围观1574 分类: 前端设计 标签:  ···

js取整数四舍五入2011-05-13

1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象的方法 FF: Firefox, N: Netscape, IE: Internet Explorer 方法 描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3 atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间) 1 2 3 ceil(x) 对一个数进行上舍入。 1 2 3 cos(x) 返回数的余弦 1 2 3 exp(x) 返回 e 的指数。 1 2 3 floor(x) 对一个数进行下舍入。 1 2 3 ...
此文被围观2442 分类: 前端设计 标签:  ·

table headers今天终于在我手下起了作用2011-06-30

<{$list.proname}>在利用onMouseOver调用headers中的数据,最后效果:得用JS加载到相应的DIV/table中,这样就减少了用页面加载的时间。 不知道别人是怎么做的,期待更完美的解决方案。...
此文被围观1388 分类: 前端设计 标签:  ··

div与JQuery的一些小知识2011-05-04

在做显示与隐藏的时候,我用LI命是ID没有用CLASS,但是在用JQUERY的时候,只有第一个能起作用,我当时有点郁闷,在谷歌和进度上找了好多相似的例子,别人都用的class而我认为ID是一样的,当时就没有管,最后做了好多个例还是不行.在网上查找了一直,最后确认是ID的错改成CLASS后就可以了!所以在这里提醒大家,在特效多的时候用CLASS来做标识符!...
此文被围观1396 分类: 前端设计 标签:  ··

正则表达式验证邮箱2011-05-11

JavaScript表单验证email,判断一个输入量是否为邮箱email,通过正则表达式实现。 //检查email邮箱   function isEmail(str){   var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;   return reg.test(str);  }...
此文被围观1106 分类: 前端设计 标签:  ···

[JavaScript]IE不支持getElementsByName的解决方法2011-05-07

今天做一个页面,一直在firefox上面测试,等到终于完工了,想起到IE上跑一遍试试 一跑问题就出来了 找到原因问题出在getElementsByName这个方法上 IE无法使用getElementsByName只能用getElementsByTagName 于是只好加上了一个方法 function getElementsByName(tag,eltname){  var elts=document.getElementsByTagName(tag);  var count=0;  var elements=[];  for(var i=0;i<elts.length;i++){  if(elts[i].getAttribute("name")==eltname){  elements[count++]=elts[i];  }  }  return elements;  }还好改动不是特别大  加上这个方法就解决问题了 (改掉原先使用document.getElementsByName的地方为getElementsByName) 还是有点怪怪的 文章来源:http://jay1943000.is-programmer.com/posts/4332.html...
此文被围观1437 分类: 前端设计 标签:  ··

js获取checkbox中所有选中值及input后面所跟的文本2011-04-28

以前总是每次做这个的时候都要到网上来找这方面的教程,这次我把这个教程转载过来了!方便以后查找!jsfunction aa(){ var r=document.getElementsByName("r"); for(var i=0;i...
此文被围观1649 分类: 前端设计 标签:  ····

Ajax to improve the user experience2011-04-25

We use Ajax to interact with the server, without making the visitor load a new page.  This allows for a more enjoyable visit as the user experience is not interrupted by having to load a new page, and it speeds up interaction with the server, as the visitor does not have to download any unnecessary data.  Try our contact page for an example; when the visitor sends their message the page is not reloaded, nor are they taken to a different page.  Instead, the information is updated on the page, thanking the visitor for their contribution or notifying them of any problems, such as a malformed email address....
此文被围观2651 分类: 前端设计 标签:  ··

js计算精度解决办法2011-04-14

js计算精度解决办法,这个问题一般出在计算产品数量和价格的和,如果是integer类型那么就会出现小数位不在计算内!所以要改成float类型 提供一个js类 // JavaScript Document function arithmetic(a, sign, b){ if(isNaN(a) || isNaN(b)) return ;if (a == null || a == '') a = 0; if (b == null || b == '') b = 0; if(a.toString().indexOf(".") < 0 && b.toString().indexOf(".") < 0) return eval(a + sign + b); var ra = a.toString().replace(' ', ''); var rb = b.toString().replace(' ', ''); var arr_a = ra.split("."); var arr_b = rb.split("."); var digit_a = (arr_a.length > 1) ? arr_a[1].length : 0; var digit_b = (arr_b.length > 1) ...
此文被围观2259 分类: 前端设计 标签:  ··

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.