JavaScript经典

  JavaScript经典 Event 事件 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y document 对象 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素 document.elementFromPoint(event.x,event.y).tagName=="TD" document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document.οnmοusedοwn=scrollwindow; 元素 document.窗体.elements[索引] 对象绑定事件 document.all.xxx.detachEvent('onclick',a); HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 获取选中内容 document.selection.createRange().duplicate().text 插件数目 navigator.plugins 取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval('scrollwindow()',delay); clearInterval(timer); UNCODE编码 escape(),unescape 父对象 obj.parentElement(dhtml) obj.parentNode(dom) 交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 框架透明背景 src="1.htm" width=300 height=180 allowtransparency> 获得style内容 obj.style.cssText 自动刷新 简单邮件 MailMe 快速转到位置 obj.scrollIntoView(true) 锚 anchors 网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 /[^/x00-/xff]/ 汉字 /[/u4e00-/u9fa5]/ 防止点击空链接时，页面往往重置到页首端 word 上一网页源 asp:request.servervariables("HTTP_REFERER") javascript:document.referrer 释放内存 CollectGarbage(); 禁止右键 document.oncontextmenu = function() { return false;} 禁止保存 禁止选取 地址栏图标 rel="Shortcut Icon" href="favicon.ico"> favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 收藏栏图标 rel="Bookmark" href="favicon.ico"> 查看源码 关闭输入法 自动全选 ENTER键可以让光标移到下一个输入框 文本框的默认值 checkbox扁平
自动完成功能 打开该功能 关闭该功能 title换行 obj.title = "123 sdfs " 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime() 窗口是否关闭 win.closed 窗口最大化 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://www.baidu.com/s?wd=阿飞"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 表格行指示 各种尺寸 s += "/r/n网页可见区域宽："+ document.body.clientWidth; s += "/r/n网页可见区域高："+ document.body.clientHeight; s += "/r/n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)"; s += "/r/n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"; s += "/r/n网页正文全文宽："+ document.body.scrollWidth; s += "/r/n网页正文全文高："+ document.body.scrollHeight; s += "/r/n网页被卷去的高："+ document.body.scrollTop; s += "/r/n网页被卷去的左："+ document.body.scrollLeft; s += "/r/n网页正文部分上："+ window.screenTop; s += "/r/n网页正文部分左："+ window.screenLeft; s += "/r/n屏幕分辨率的高："+ window.screen.height; s += "/r/n屏幕分辨率的宽："+ window.screen.width; s += "/r/n屏幕可用工作区高度："+ window.screen.availHeight; s += "/r/n屏幕可用工作区宽度："+ window.screen.availWidth; 过滤数字 特殊用途 不缓存 正则匹配 匹配中文字符的正则表达式： [/u4e00-/u9fa5] 匹配双字节字符(包括汉字在内)：[^/x00-/xff] 匹配空行的正则表达式：/n[/s| ]*/r 匹配HTML标记的正则表达式：/<(.*)>.* |<(.*) //>/ 匹配首尾空格的正则表达式：(^/s*)|(/s*$)（像vbscript那样的trim函数） 匹配Email地址的正则表达式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* 匹配网址URL的正则表达式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)? 以下是例子： 利用正则表达式限制网页表单里的文本框输入内容： 用正则表达式限制只能输入中文：οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 1.用正则表达式限制只能输入全角字符： οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))" 2.用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 3.用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 消除图像工具栏 or 无提示关闭 function Close(){ var ua=navigator.userAgent var ie=navigator.appName=="Microsoft Internet Explorer"?true:false if(ie) { var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE ")))) if(IEversion< 5.5) { var str = ' '; document.body.insertAdjacentHTML("beforeEnd", str); document.all.noTipClose.Click(); } else { window.opener =null; window.close(); } } else { window.close() } } 取得控件得绝对位置