
js
文章平均质量分 73
besily
这个作者很懒,什么都没留下…
展开
-
js 点击input和textarea 文本框消失
function clearDefaultText (el,message){var obj = el;if(typeof(el) == "string")obj = document.getElementById(id);if(obj.value == message){obj.value = "";}obj.onblur = function(){i原创 2012-11-12 22:29:58 · 1955 阅读 · 0 评论 -
温故知新 javascript 正则表达式
很长时间没看 正则表达式了,碰巧今天用到,温故知新了一把 看书学习吧 50% 的举一反三练习中的原创。 一 javascript正则表达式的基本知识 1 javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/; //Perl 风格 (推荐) 2 学习最常用的 test exec match search replace split 6个方法 1) test 检查指定的字符串是转载 2010-09-16 10:45:00 · 563 阅读 · 0 评论 -
JS的正则表达式
<br />//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 Java代码 function isRegisterUserName(s) { var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; if (!patrn.转载 2010-09-16 10:43:00 · 500 阅读 · 0 评论 -
jquery radio取值,checkbox取值,select取值 及选中(引用)
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 <br />获取一组radio被选中项的值 <br />var item = $('input[@name=items][@checked]').val(); <br />获取select被选中项的文本 <br />var item = $("select[@name=items] option[@selected]").text(); <br />select下拉框的第二转载 2010-08-16 14:06:00 · 602 阅读 · 0 评论 -
javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.r转载 2010-03-29 10:39:00 · 708 阅读 · 0 评论 -
JavaScript之appendChild、insertBefore和insertAfter
这几天需要用到对HTML节点元素的删/插操作,由于用到insertBefore方法的时候遇到了一些麻烦,现在作为知识的整理,分别对appendChild、insertBefore和insertAfter做个总结appendChild定义appendChild(newChild: Node) : NodeAppends a node to the childNodes array for t转载 2010-03-23 16:47:00 · 534 阅读 · 0 评论 -
JavaScript图片放大效果详解
效果:运行代码框Magnifier#magnifier{ width:342px; height:420px; position:absolute; top:100px; left:250px; font-size:0; border:1px solid #000;}#img{ width:342px; height:420p转载 2010-03-19 23:06:00 · 1571 阅读 · 0 评论 -
JavaScript常用函数
javascript提供了许多函数供开发人员使用,下面给出一个简单介绍,更详细的信息请参考Visual InterDev提供的在线帮助。 javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮。 (2)confirm函数:显示一个转载 2009-12-27 18:28:00 · 528 阅读 · 0 评论 -
javascript 中数组使用方法汇总
/* 由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素 可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了. 并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性. */ /* *在javascript1.1和其后的版本中,数组是用构造函数A转载 2009-12-21 15:55:00 · 632 阅读 · 0 评论 -
js 数组操作集锦
1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是,虽然第转载 2009-12-21 15:54:00 · 424 阅读 · 0 评论 -
JavaScript执行window.onload和body onload多个处理过程的方法
以前写 JavaScript 脚本时,事件都是采用 object.event = handler; 的方式初始化。这种方式对于 Internet Explorer、Mozilla/Firefox 和 Opera 来说很通用。但是有一个问题就是,这种方式只能一个事件对应一个事件处理过程。如果希望一个事件可以依次执行多个处理过程就不好用了。 但是 Internet Explorer 从 5.0 开转载 2009-12-18 15:39:00 · 2271 阅读 · 0 评论 -
IE和Firefox下event乱谈
如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码:function doEventThing(even转载 2009-12-18 18:10:00 · 426 阅读 · 0 评论 -
Javascript的document,window对象(DOM)
document对象:对象属性: document.alinkColor//激活链接(焦点在此链接上)的颜色 document.all//表示文档中所有HTML标记符的数组 document.anchors//表示文档中所有锚的数组,锚是指带有name属性的A对象 document.applets//表示文档转载 2009-12-18 17:33:00 · 1346 阅读 · 0 评论 -
javascript事件;event对象的属性
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件转载 2009-12-18 17:32:00 · 849 阅读 · 0 评论 -
JavaScript去除空格的三种方法 (trim)
方法一:个人认为最好的方法.采用的是正则表达式,这是最核心的原理.其次.这个方法使用了JavaScript 的prototype 属性其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.下面就来看看这个属性是怎么来用的.返回对象类型原型的引用。objectName.prototypeobjectName 参数是对象的名称。说明用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。例如,要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点转载 2010-09-16 17:49:00 · 565 阅读 · 0 评论 -
window.history.go(-1)返回上页的同时刷新
<br />在使用window.history.go(-1)返回上页的同时刷新上页,怎么才能做到呢?<br />只能在所谓的“上页”刷新<br /><br />强制载入后刷新一次<br />加入以下代码:<br /><script><br />if(window.name != "william"){<br /> location.reload();<br /> window.name = "william";<br />}<br />else{<br /> window.name = "转载 2010-09-26 22:44:00 · 1623 阅读 · 2 评论 -
[转]Ajax同步与异步的区别
var returnValue = null;xmlhttp = createXmlHttp();xmlhttp.onreadystatechange = function() { if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { if (xmlhttp.responseText == "true")转载 2011-11-28 15:54:46 · 1071 阅读 · 0 评论 -
js 定时刷新页面
js 定时刷新页面: function myrefresh() { window.location.href="login.aspx"; } setTimeout(myrefresh,转载 2011-11-15 14:21:23 · 838 阅读 · 0 评论 -
文字循环向上滚动
[代码]文字循环向上滚动效果#infozone{font-size:12px;color:#aa6;overflow:hidden;width:200px;height:20px;}#infozone div{height:20px;line-height:20px;转载 2011-08-11 15:31:30 · 908 阅读 · 0 评论 -
JavaScript使用cookie,参数设置,说明;读取,写入,删除函数
<br />cookie概述<br />在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的跨页面全局变量,这种方式是不行的,JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。<br />cookie是浏览器提供的一种机制,它将document对象的cookie属性提供给JavaScrip转载 2011-05-07 17:22:00 · 826 阅读 · 0 评论 -
js urlencode , encodeURIComponent
js 对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document.wri转载 2011-06-04 11:54:00 · 991 阅读 · 0 评论 -
js 单选和多选
<br />//多选<br />function checkboxvalue(str)<br />{<br /> var rankname = document.getElementsByName(str);<br /> for(i=0;i<rankname.length;i++)<br /> {<br /> if(rankname[i].checked)<br /> {<br /> var flag = '1';<br /> }<br /> }<br /> if(flag)<br /> {<b原创 2011-01-24 12:06:00 · 954 阅读 · 0 评论 -
判断一下浏览器类型(JS判断IE,FF等)
<br />判断一下浏览器类型,然后设置宽度啊就好了<br />下面是判断浏览器的代码,你用DOM设置宽度就好了<br />第一种,只区分浏览器,不考虑版本<br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xht转载 2010-11-19 00:18:00 · 1049 阅读 · 0 评论 -
团购倒计时抢购功能
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=gb转载 2011-01-06 20:08:00 · 1537 阅读 · 0 评论 -
php+ajax 注册验证用户名是否存在实例
<br />register.html<br /><script><br />//创建ajax<br />function creatAjax()<br />{<br />var HttpRequest=false;<br />try {<br />HttpRequest=new XMLHttpRequest();<br />} catch(e) {<br />var arrXMLHTTP=["Msxml3.XMLHTTP","Msxml2.XMLHTTP","Microsoft.XMLHTTP"];<br转载 2010-12-20 17:53:00 · 2665 阅读 · 0 评论 -
仿京东简单版图片放大
<br /><html><br /><head><br /><title>emu</title><br /></head><br /><body><br /><BR><br />原图:<BR><br /><img src=1.jpg onmousemove="zoom()" id=srcImg><br /><BR><br />局部放大图:<BR><br /><div style="overflow:hidden"><img id=zoomImg></div><br /><SCRIPT LANGUAGE="j原创 2010-12-13 11:12:00 · 893 阅读 · 0 评论 -
将PHP数组赋值给JS通过php系统函数json_encode()来实现
<br /><?php<br />$array =array('fds','fdsa','fdsafasd');<br />// json_encode($array);<br /><br />?><br /><br /><html><br /><head><br /><script type="text/javascript"><br /> var readpoint = <?php echo json_encode($array);?>; //***注意不要用引号,如果用了json存储的数组就成转载 2010-10-20 15:57:00 · 18390 阅读 · 0 评论 -
div name getElementsByName div中无name属性
<br /><html><br /><body><br /><div name="test_div">1111</div><br /><div name="test_div">22222</div><br /><div name="test_div_1">33333</div><br /><div name="test_div">4444</div><br /><div name="test_div">5555</div><br /><script><br />function getElementsByN原创 2010-10-20 15:44:00 · 2969 阅读 · 0 评论 -
js javascript 获取url,获得当前页面的url,静态html文件js读取url参数
<br />获得当前页面的url <br />Html代码 window.location.herf window.location.herf<br /><br /><br />静态html文件js读取url参数 <br />Html代码 location.search; //获取url中"?"符后的字串 location.search; //获取url中"?"符后的字串<br /><br /><br />下边为转载的相应的技术 <br /><br />在ajax应用流行时,有时我们可能为了降低服务器的转载 2010-10-18 14:04:00 · 3851 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
Js获取当前日期时间及其它操作2008-07-28 17:202008-06-11 17:24var myDate = new Date();myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay转载 2010-12-07 10:49:00 · 504 阅读 · 0 评论 -
createElement cloneNode appendChild applyElement
使用 data 、nodeValue 和src 属性 DOM 提供了 2个属性用于修改文本节点的内容,它们是 data 和nodeVaule 。2 个属性实现的功能相同,语法是:object.data="new value" 或者object.nodeVaule="new value" ,其中object 代表页面中的文本项节点。如果修改图形文件的内容,语法是:object.src="new va转载 2009-12-18 11:07:00 · 1080 阅读 · 0 评论 -
JavaScript的内置对象和浏览器对象
在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象。对象包含两个要素:1.用来描述对象特性的一组数据,也就是若干变量,通常称为属性。2.用来操作对象特性的若干动作,也就是若干函数,通常称为方法。浏览器对象对象含义anchor当前文档中设置了name属性的超链接applet当前文档中的小程序转载 2009-12-18 17:29:00 · 910 阅读 · 0 评论 -
Javascript操作Select和Option
注意:Option中的O是要大写的,不然语法报错 1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySe转载 2009-12-15 11:09:00 · 441 阅读 · 0 评论 -
ajax 返回json
当用ajax返回多个值的时候,可以用xml,也可以用json json实例 html>head>title>AjaxTesttitle>script type="text/javascript">var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObject) { xmlHttp =转载 2010-01-16 16:50:00 · 1116 阅读 · 1 评论 -
JS数组方法汇总 array数组元素的添加和删除
JS数组方法汇总 array数组元素的添加和删除2008-08-11 15:01js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc";//alert(arr.length);//3arr.pop();转载 2010-01-16 11:09:00 · 1464 阅读 · 0 评论 -
javascript sort table & merge same column
说明:appendChild()我测试的结果: 1 appendChild() 表格中所有行循环上移一行后, 用新的(行)替换了 表格的末行 ;相当于替换了表格的第一行,并循环上移一行2 不改变 表格的总 行数insertRow()1 insertRow() 在表格中插入一行,表格总行书增一 2 insertRow(index) index=0 , 在表头增加, index=-1, 在表尾增加。d转载 2010-01-18 21:19:00 · 813 阅读 · 0 评论 -
js验证表单大全
js验证表单大全 1[color=#0000ff]. 长度限制 function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } 2. 只能是汉字 3." 只能是英文 function onlyEng() { if(转载 2009-03-18 11:13:00 · 860 阅读 · 0 评论 -
鼠标变换层
IE、FireFox下测试通过,不过有两个问题望有高手指点:1、FireFox下鼠标移上去变换为手形鼠标样式效果失效(IE支持,而FireFox不支持,需要在JS中写鼠标的样式吗?)2、这个函数的最后一个参数zDivCount是否可以不要?而通过JavaScript来取得诸如ID为:JKDiv_1、JKDiv_2、JKDiv_3…… 这样的数组,然后循环这个数据?如果可以的话那么应该用什么方法取得转载 2009-03-05 18:15:00 · 509 阅读 · 0 评论 -
Javascript的调试利器:Firebug使用详解
Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,可以实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。 本文主要是为初学者介绍一下Firebug的基本功能与如何使用Fi转载 2008-11-03 10:02:00 · 696 阅读 · 0 评论 -
Javascript的调试利器:Firebug使用详解(转)
Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,可以实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。 本文主要是为初学者介绍一下Firebug的基本功能与如何使用Fi转载 2008-08-24 12:10:00 · 645 阅读 · 0 评论