javascript实用代码大全.docx
《javascript实用代码大全.docx》由会员分享，可在线阅读，更多相关《javascript实用代码大全.docx（42页珍藏版）》请在冰豆网上搜索。
javascript实用代码大全
javascript实用代码大全
发表于：
发表于：
2005-12-3023:
49:
39 阅读：
5263
∙事件源对象
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"
∙自动刷新
∙简单邮件
aaa@?
subject=ccc&body=xxxyyy">
∙快速转到位置
obj.scrollIntoView（true）
∙锚
anchors
∙网页传递参数
location.search（）;
∙可编辑
obj.contenteditable=true
∙执行菜单命令
obj.execCommand
∙双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
∙让英文字符串超出表格宽度自动换行
word-wrap:
break-word;word-break:
break-all;
∙透明背景
∙获得style内容
obj.style.cssText
∙HTML标签
document.documentElement.innerHTML
∙第一个style标签
document.styleSheets[0]
∙style标签里的第一个样式
document.styleSheets[0].rules[0]
∙防止点击空链接时，页面往往重置到页首端。
function（）">word
∙上一网页源
asp:
request.servervariables（"HTTP_REFERER"）
javascript:
document.referrer
∙释放内存
CollectGarbage（）;
∙禁止右键
document.oncontextmenu=function（）{returnfalse;}
∙禁止保存
∙禁止选取
∙禁止粘贴
∙地址栏图标
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
∙收藏栏图标
∙查看源码
'+'
∙关闭输入法
disabled">
∙自动全选
∙ENTER键可以让光标移到下一个输入框
∙文本框的默认值
∙title换行
obj.title="123
sdfs "
∙获得时间所代表的微秒
varn1=newDate（"2004-10-10".replace（/-/g,"\/"））.getTime（）
∙窗口是否关闭
win.closed
∙checkbox扁平
absolute;clip:
rect（5px15px15px5px）">
∙获取选中内容
document.selection.createRange（）.duplicate（）.text
∙自动完成功能
打开该功能
关闭该功能
∙窗口最大化
∙无关闭按钮IE
window.open（"aa.htm","meizz","fullscreen=7"）;
∙统一编码/解码
alert（decodeURIComponent（encodeURIComponent（"http:
//你好.com?
as=hehe"）））
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;
//过滤数字
=48&&event.keyCode<=57||（this.value.indexOf（'.'）<0?
event.keyCode==46:
false）" onpaste="return !
clipboardData.getData（'text'）.match（/\D/）" ondragenter="return false">
//特殊用途
//localhost'）;">
//localhost'）;">
//不缓存
//正则匹配
匹配中文字符的正则表达式：
[\u4e00-\u9fa5]
匹配双字节字符（包括汉字在内）：
[^\x00-\xff]
匹配空行的正则表达式：
\n[\s| ]*\r
匹配HTML标记的正则表达式：
/<（.*）>.*<\/\1>|<（.*） \/>/
匹配首尾空格的正则表达式：
（^\s*）|（\s*$）（像vbscript那样的trim函数）
匹配Email地址的正则表达式：
\w+（[-+.]\w+）*@\w+（[-.]\w+）*\.\w+（[-.]\w+）*
匹配网址URL的正则表达式：
http:
//（[\w-]+\.）+[\w-]+（/[\w- ./?
%&=]*）?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：
onkeyup="value=value.replace（/[^\u4E00-\u9FA5]/g,''）" onbeforepaste="clipboardData.setData（'text',clipboardData.getData（'text'）.replace（/[^\u4E00-\u9FA5]/g,''））"
1.用正则表达式限制只能输入全角字符：
onkeyup="value=value.replace（/[^\uFF00-\uFFFF]/g,''）" onbeforepaste="clipboardData.setData（'text',clipboardData.getData（'text'）.replace（/[^\uFF00-\uFFFF]/g,''））"
2.用正则表达式限制只能输入数字：
onkeyup="value=value.replace（/[^\d]/g,''） "onbeforepaste="clipboardData.setData（'text',clipboardData.getData（'text'）.replace（/[^\d]/g,''））"
3.用正则表达式限制只能输入数字和英文：
onkeyup="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 = 'ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += '';
document.body.insertAdjacentHTML（"beforeEnd", str）;
document.all.noTipClose.Click（）;
}
else
{
window.opener =null;
window.close（）;
}
}
else
{
window.close（）
}
}
//取得控件得绝对位置
（1）
function getoffset（e）
{
var t=e.offsetTop;
var l=e.offsetLeft;
while（e=e.offsetParent）
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array
（1）;
rec[0] = t;
rec[1] = l;
return rec
}
//获得控件的绝对位置
（2）
oRect = obj.getBoundingClientRect（）;
oRect.left
oRect.
//最小化,最大化,关闭
ADB880A6-D8FF-11CF-9377-00AA003B7A11">
ADB880A6-D8FF-11CF-9377-00AA003B7A11">
adb880a6-d8ff-11cf-9377-00aa003b7a11">
//光标停在文字最后
function cc（）
{
var e = event.srcElement;
var r =e.createTextRange（）;
r.moveStart（'character',e.value.length）;
r.collapse（true）;
r.select（）;
}
//页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。
duration表示特效的持续时间，以秒为单位。
transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
//网页是否被检索
其中属性值有以下一些:
属性值为"all":
文件将被检索，且页上链接可被查询；
属性值为"none":
文件不被检索，而且不查询页上的链接；
属性值为"index":
文件将被检索；
属性值为"follow":
查询页上的链接；
属性值为"noindex":
文件不检索，但可被查询链接；
属性值为"nofollow":
//打印分页
升级会员 