常用的一些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[索引]

 

对象绑定事件 

插件数目

 
navigator.plugins 

取变量类型

 
typeof($js_libpath) == "undefined" 

下拉框

 
下拉框.options[索引] 
下拉框.options.length 

查找对象 

document.getElementsByName("r1"); 
document.getElementById(id); 

定时 

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 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&#13sdfs&#32" 

获得时间所代表的微秒 

var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime() 

窗口是否关闭 

win.closed 

checkbox扁平

 
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"> 

获取选中内容 

document.selection.createRange().duplicate().text

自动完成功能

 
<input  type=text  autocomplete=on>打开该功能  
<input  type=text  autocomplete=off>关闭该功能 

窗口最大化 

<body onload="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对":"、"/"、";" 和 "?"也编码 

表格行指示

//各种尺寸 

s  +=  "
网页可见区域宽:"+  document.body.clientWidth;   
s  +=  "
网页可见区域高:"+  document.body.clientHeight;   
s  +=  "
网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";   
s  +=  "
网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";   
s  +=  "
网页正文全文宽:"+  document.body.scrollWidth;   
s  +=  "
网页正文全文高:"+  document.body.scrollHeight;   
s  +=  "
网页被卷去的高:"+  document.body.scrollTop;   
s  +=  "
网页被卷去的左:"+  document.body.scrollLeft;   
s  +=  "
网页正文部分上:"+  window.screenTop;   
s  +=  "
网页正文部分左:"+  window.screenLeft;   
s  +=  "
屏幕分辨率的高:"+  window.screen.height;   
s  +=  "
屏幕分辨率的宽:"+  window.screen.width;   
s  +=  "
屏幕可用工作区高度:"+  window.screen.availHeight;   
s  +=  "
屏幕可用工作区宽度:"+  window.screen.availWidth; 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注