Javascript
小技巧全集
(1)
·
事件源对象
event.srcElement.tagName
event.srcElement.type
event.srcElement.tagName
event.srcElement.type
·
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
event.srcElement.setCapture();
event.srcElement.releaseCapture();
·
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
·
事件返回值
event.returnValue
event.returnValue
·
鼠标位置
event.x
event.y
event.x
event.y
·
窗体活动元素
document.activeElement
document.activeElement
·
绑定事件
document.captureEvents(Event.KEYDOWN);
document.captureEvents(Event.KEYDOWN);
·
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
document.all("txt").focus();
document.all("txt").select();
·
窗体命令
document.execCommand
document.execCommand
·
窗体
COOKIE
document.cookie
document.cookie
·
菜单事件
document.oncontextmenu
document.oncontextmenu
·
创建元素
document.createElement("SPAN");
document.createElement("SPAN");
·
根据鼠标获得元素:
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
·
窗体图片
document.images[ 索引 ]
document.images[ 索引 ]
·
窗体事件绑定
document.οnmοusedοwn=scrollwindow;
document.οnmοusedοwn=scrollwindow;
·
元素
document. 窗体 .elements[ 索引 ]
document. 窗体 .elements[ 索引 ]
·
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
document.all.xxx.detachEvent('onclick',a);
·
插件数目
navigator.plugins
navigator.plugins
·
取变量类型
typeof($js_libpath) == "undefined"
typeof($js_libpath) == "undefined"
·
下拉框
下拉框 .options[ 索引 ]
下拉框 .options.length
下拉框 .options[ 索引 ]
下拉框 .options.length
·
查找对象
document.getElementsByName("r1");
document.getElementById(id);
document.getElementsByName("r1");
document.getElementById(id);
·
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
·
UNCODE
编码
escape() ,unescape
escape() ,unescape
·
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
obj.parentElement(dhtml)
obj.parentNode(dom)
·
交换表的行
TableID.moveRow(2,1)
TableID.moveRow(2,1)
·
替换
CSS
document.all.csss.href = "a.css";
document.all.csss.href = "a.css";
·
并排显示
display:inline
display:inline
·
隐藏焦点
hidefocus=true
hidefocus=true
·
根据宽度换行
style="word-break:break-all"
style="word-break:break-all"
·
自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
·
快速转到位置
obj.scrollIntoView(true)
obj.scrollIntoView(true)
·
锚
<a name="first">
<a href="#first">anchors</a>
<a name="first">
<a href="#first">anchors</a>
·
网页传递参数
location.search();
location.search();
·
可编辑
obj.contenteditable=true
obj.contenteditable=true
·
执行菜单命令
obj.execCommand
obj.execCommand
·
双字节字符
/[^/x00-/xff]/
汉字
/[/u4e00-/u9fa5]/
/[^/x00-/xff]/
汉字
/[/u4e00-/u9fa5]/
·
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
word-wrap: break-word; word-break: break-all;
·
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
·
获得
style
内容
obj.style.cssText
obj.style.cssText
·
HTML
标签
document.documentElement.innerHTML
document.documentElement.innerHTML
·
第一个
style
标签
document.styleSheets[0]
document.styleSheets[0]
·
style
标签里的第一个样式
document.styleSheets[0].rules[0]
document.styleSheets[0].rules[0]
·
防止点击空链接时,页面往往重置到页首端。
<a href="javascript:function()">word</a>
<a href="javascript:function()">word</a>
·
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
·
释放内存
CollectGarbage();
CollectGarbage();
·
禁止右键
document.oncontextmenu = function() { return false;}
document.oncontextmenu = function() { return false;}
·
禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
<noscript><iframe src="*.htm"></iframe></noscript>
·
禁止选取
<body οncοntextmenu=
"return false"
οndragstart=
"return false"
onselectstart =
"return false"
οnselect=
"document.selection.empty()"
οncοpy=
"document.selection.empty()"
onbeforecopy=
"return false"
οnmοuseup=
"document.selection.empty()>
·
禁止粘贴
<input type=text οnpaste="return false">
<input type=text οnpaste="return false">
·
地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变 16*16 的 16 色 , 放虚拟目录根目录下
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变 16*16 的 16 色 , 放虚拟目录根目录下
·
收藏栏图标
<link rel="Bookmark" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
·
查看源码
<input type=button value= 查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
<input type=button value= 查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
·
关闭输入法
<input style="ime-mode:disabled">
<input style="ime-mode:disabled">
·
自动全选
<input type=text name=text1 value="123" οnfοcus="this.select()">
<input type=text name=text1 value="123" οnfοcus="this.select()">
·
ENTER
键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
·
文本框的默认值
<input type=text value="123" οnfοcus="alert(this.defaultValue)">
<input type=text value="123" οnfοcus="alert(this.defaultValue)">
·
title
换行
obj.title = "123
sdfs "
obj.title = "123
sdfs "
·
获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()
var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()
·
窗口是否关闭
win.closed
win.closed
·
checkbox
扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
·
获取选中内容
document.selection.createRange().duplicate().text
document.selection.createRange().duplicate().text
·
自动完成功能
<input type=text autocomplete=on> 打开该功能
<input type=text autocomplete=off> 关闭该功能
<input type=text autocomplete=on> 打开该功能
<input type=text autocomplete=off> 关闭该功能
·
窗口最大化
<body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
<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");
window.open("aa.htm", "meizz", "fullscreen=7");
·
统一编码
/
解码
alert(decodeURIComponent(encodeURIComponent("http:// 你好 .com?as= hehe")))
encodeURIComponent 对 ":" 、 "/" 、 ";" 和 "?" 也编码
alert(decodeURIComponent(encodeURIComponent("http:// 你好 .com?as= hehe")))
encodeURIComponent 对 ":" 、 "/" 、 ";" 和 "?" 也编码
·
表格行指示
<tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">
<tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">