javascript小技巧,超强推荐(转)
2007-06-25 10:16
事件源对象
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.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); 插件数目 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" 自动刷新 <metaHTTP-EQUIV="refresh"CONTENT="8;URL=http://c98.yeah.net"> 简单邮件 <ahref="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"> 快速转到位置 obj.scrollIntoView(true) 锚 <aname="first"> <ahref="#first">anchors</a> 网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 /[^/x00-/xff]/ 汉字 /[/u4e00-/u9fa5]/ 让英文字符串超出表格宽度自动换行 word-wrap:break-word;word-break:break-all; 透明背景 <IFRAMEsrc="1.htm"width=300height=180allowtransparency></iframe> 获得style内容 obj.style.cssText HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 <ahref="javascript:function()">word</a> 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键 document.οncοntextmenu=function(){returnfalse;} 禁止保存 <noscript><iframesrc="*.htm"></iframe></noscript> 禁止选取<bodyοncοntextmenu="returnfalse"οndragstart="returnfalse"onselectstart="returnfalse"οnselect="document.selection.empty()"οncοpy="document.selection.empty()"onbeforecopy="returnfalse"οnmοuseup="document.selection.empty()> 禁止粘贴 <inputtype=textοnpaste="returnfalse"> 地址栏图标 <linkrel="ShortcutIcon"href="favicon.ico"> favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下 收藏栏图标 <linkrel="Bookmark"href="favicon.ico"> 查看源码 <inputtype=buttonvalue=查看网页源代码οnclick="window.location='view-source:'+'http://www.csdn.net/'"> 关闭输入法 <inputstyle="ime-mode:disabled"> 自动全选 <inputtype=textname=text1value="123"οnfοcus="this.select()"> ENTER键可以让光标移到下一个输入框 <inputοnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 文本框的默认值 <inputtype=textvalue="123"οnfοcus="alert(this.defaultValue)"> title换行 obj.title="123 sdfs " 获得时间所代表的微秒 varn1=newDate("2004-10-10".replace(/-/g,"//")).getTime() 窗口是否关闭 win.closed checkbox扁平 <inputtype=checkboxstyle="position:absolute;clip:rect(5px15px15px5px)"><br> 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 <inputtype=textautocomplete=on>打开该功能 <inputtype=textautocomplete=off>关闭该功能 窗口最大化 <bodyοnlοad="window.resizeTo(window.screen.width-4,window.screen.height-50);window.moveTo(-4,-4)"> 无关闭按钮IE window.open("aa.htm","meizz","fullscreen=7"); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as=hehe"))) encodeURIComponent对":"、"/"、";"和"?"也编码 表格行指示 |