javascript小技艺
日期：2014-05-16 浏览次数：20422 次
javascript小技巧
?事件源对象
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.onmousedown=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"
?自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
?简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
?快速转到位置
obj.scrollIntoView(true)
?锚
<a name="first">
<a href="#first">anchors</a>
?网页传递参数
location.search();
?可编辑
obj.contenteditable=true
?执行菜单命令
obj.execCommand
?双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
?让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
?透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
?获得style内容
obj.style.cssText
?HTML标签
document.documentElement.innerHTML
?第一个style标签
document.styleSheets[0]
?style标签里的第一个样式
document.styleSheets[0].rules[0]
?防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>
?上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
?释放内存
CollectGarbage();
?禁止右键
document.oncontextmenu = function() { return false;}
?禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
?禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
?禁止粘贴
<input type=text onpaste="return false">
?地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
?收藏栏图标
<link rel="Bookmark" href="favicon.ico">
?查看源码
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
?关闭输入法
<input style="ime-mode:disabled">
?自动全选
<input type=text name=text1 value="123" onfocus="this.select()">
?ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
?文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">
?title换行
obj.title = "123
sdfs "
?事件源对象
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.onmousedown=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"
?自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
?简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
?快速转到位置
obj.scrollIntoView(true)
?锚
<a name="first">
<a href="#first">anchors</a>
?网页传递参数
location.search();
?可编辑
obj.contenteditable=true
?执行菜单命令
obj.execCommand
?双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
?让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
?透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
?获得style内容
obj.style.cssText
?HTML标签
document.documentElement.innerHTML
?第一个style标签
document.styleSheets[0]
?style标签里的第一个样式
document.styleSheets[0].rules[0]
?防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>
?上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
?释放内存
CollectGarbage();
?禁止右键
document.oncontextmenu = function() { return false;}
?禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
?禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
?禁止粘贴
<input type=text onpaste="return false">
?地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
?收藏栏图标
<link rel="Bookmark" href="favicon.ico">
?查看源码
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
?关闭输入法
<input style="ime-mode:disabled">
?自动全选
<input type=text name=text1 value="123" onfocus="this.select()">
?ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
?文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">
?title换行
obj.title = "123
sdfs "
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
