文章分类 -  JavaScript

摘要:var objSel = document.getElementById("selOp"); //这是获取值 alert("当前值: " + objSel.value); //这是获取文本 alert("当前文本: " + objSel.options(objSel.selectedIndex).text); 增加复选框套路var e = document.createElement("input"); e.type = "checkbox"; e.value = resul... 阅读全文
posted @ 2012-08-16 15:58 xfyn
摘要:一、用js计算12.32 * 7 结果是多少?答案:86.24000000000001为什么会出现这种问题?怎么解决?js在处理小数的乘除法的时候有一个bug,解决的方法可以是:将小数变为整数来处理。以上的计算可以改为:12.32 * 100 * 7 /100得出的结果是:86.24,正确。另外再计算一下:8.80 * 100 * 12 / 100结果:105.6000000000000238.80也会出现类似的问题。精确度增加10倍:8.80 * 1000 * 12 / 1000结果:105.6正常了。16.40 * 1000000 * 6 / 1000000结果也有问题为了让js执行的更. 阅读全文
posted @ 2012-08-16 15:14 xfyn
摘要:1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件<input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if(value=='') {value='mm'}">点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色& 阅读全文
posted @ 2011-09-06 17:32 xfyn
摘要:方案一:希望实现 当鼠标离开一个DIV的时候触发一个事件处理函数 于是用onmouseout 结果却发现它的触发是不是也太敏感了 原因现在也没有弄清楚 IE下好像是因为区分mouseout时的fromElement还是toElement ,IE 5.5以上的onmouseleave事件就比较好用 偏FF又不支持这个事件 只有自己想办法手工判断了。 <SCRIPT>/**** 参数e 是对象传递的触发事件 FF下想访问event对象必须传递event参数* 参数o 是目标DIV对象*/ function fun(e,o) { /* FF 下判断鼠标是否离开DIV */ if(wind 阅读全文
posted @ 2011-08-03 10:21 xfyn
摘要:1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)例:<a href="javascript:history.go(-1);">向上一页</a>response.Write("<script language=javascript>")response.Write(" 阅读全文
posted @ 2011-05-03 23:16 xfyn
摘要:只要用Input表单的调用方法就可以了日期的TextBox不会触发input输入框的onchange 事件,不过可以触发onpropertychange事件 阅读全文
posted @ 2011-04-06 11:49 xfyn
摘要:事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.a 阅读全文
posted @ 2011-03-31 16:49 xfyn
摘要:在链接的后面加 /64m或 /64memo 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" cont 阅读全文
posted @ 2011-03-31 16:13 xfyn
摘要:Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()。 在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用 阅读全文
posted @ 2011-03-31 13:07 xfyn
摘要:一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。这里有一些可能会遇到的正则表达式示例:JScriptVBScript匹配/^\[ \t]*$/"^\[ \t]*$"匹配一个空白行。/\d{2}-\d{5}/"\d{2}-\d{5}"验证一个ID 号码是否由一个2位数字,一个连字符以及一个5位数字组成。/<(.*)>.*<\/\1>/"<(.*)>.* 阅读全文
posted @ 2011-03-24 12:35 xfyn
摘要:正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。匹配中文字符的正则表达式: [\u4e00-\u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^\x00-\xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:\n\s*\r评注:可以用来删除空白行匹配HTML标记的正则表达式:<(\S*?)[^>]*>.*?</\1>|<.*? />评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套 阅读全文
posted @ 2011-03-24 12:02 xfyn
摘要:简单的计时<html><head><script type="text/javascript">function timedMsg(){var t=setTimeout("alert('5 秒!')",5000)}</script></head><body><form><input type="button" value="显示定时的警告框" onClick = "timedMsg()"&g 阅读全文
posted @ 2011-03-23 13:46 xfyn
摘要:如何调试javaScript1.IE选项——>高级——〉“禁用脚本调试(Internet Explorer)”和“禁用脚本调试(其他)”复选框去掉2.关闭IE,重新打开要调试javaScript的页面,“查看”菜单——〉“脚本调试程序”打开3.在弹出的对话框中选择一个调试器4.在调试器中设置断点5.回到页面运行javaScript(如点击按钮等以调用要调试的javaScript) 阅读全文
posted @ 2011-03-22 09:12 xfyn
摘要:在WEB项目中有些输入数据的地方,由于数据比较多,经常会遇到要求能动态的增加输入的行数,可以更便捷的往系统中录入数据。这时就经常会使用的通过javascript动态增加(或删除)table的1行。下面把以前自己用的例子贴出来,在ie和firefox下都可以正常运行,有兴趣的朋友也可以参考下。实例图如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>动态表格</title><meta http- 阅读全文
posted @ 2011-03-21 16:09 xfyn
摘要:一.操作日期通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。在下面的例子中,我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日):var myDate=new Date()myDate.setFullYear(2008,7,9)注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。在下面的例子中,我们将日期对象设置为 5 天后的日期:var myDate=new Date()myDate.setDate(myDate.getDate()+5)注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。二.重要 阅读全文
posted @ 2011-03-21 10:42 xfyn
摘要:语法:onerror=handleErrfunction handleErr(msg,url,l){//Handle the error herereturn true or false}浏览器是否显示标准的错误消息,取决于 onerror 的返回值。如果返回值为 false,则在控制台 (JavaScript console) 中显示错误消息。反之则不会。实例:下面的例子展示如何使用 onerror 事件来捕获错误:<html><head><script type="text/javascript">onerror=handleErrv 阅读全文
posted @ 2011-03-21 10:29 xfyn
摘要:onload 和 onUnload当用户进入或离开页面时就会触发 onload 和 onUnload 事件。onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。onFocus, onBlur 和 onChangeonFocus、onBl 阅读全文
posted @ 2011-03-21 10:24 xfyn
摘要:警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。语法:alert("文本")确认框确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。语法:confirm("文本")提示框提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null 阅读全文
posted @ 2011-03-21 10:19 xfyn
摘要:<script language="javascript"> function keyDown() { var keycode=event.keyCode; var keychar=String.fromCharCode(keycode); alert('ASCII='+keycode+'\nKeyChar='+keychar); } document.onkeydown=keyDown; </script> 阅读全文
posted @ 2011-03-16 17:26 xfyn
摘要:在同一个 HTML 文档中,使用多次 class,但只能使用一次 id。如果一个文档中出现多个元素具有相同id属性值的情况,浏览器也可以解析网页,但是由于id的名称是唯一的会造成网页中的冲突。例如:指定位置的链接中如果两个元素使用了同一个id名称,浏览器将不知链接到何处,只能选择链接到第一个。又例如使用JavaScript控制网页中的一个元素,而此元素和其它元素具有相同的id名称,也会出现浏览器无法准确得知控制那个元素的问题,因此好的习惯是一个id选择符在同一个文档中最多使用一次 阅读全文
posted @ 2010-10-13 10:44 xfyn