Javascript 技巧大全Word下载.docx
《Javascript 技巧大全Word下载.docx》由会员分享，可在线阅读，更多相关《Javascript 技巧大全Word下载.docx（35页珍藏版）》请在冰点文库上搜索。
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
获取选中内容
document.selection.createRange（）.duplicate（）.text
插件数目
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"
让英文字符串超出表格宽度自动换行
word-wrap:
break-word;
word-break:
break-all;
框架透明背景
<
iframesrc="
1.htm"
width=300height=180allowtransparency>
/iframe>
获得style内容
obj.style.cssText
自动刷新
metaHTTP-EQUIV="
refresh"
CONTENT="
8;
URL="
>
简单邮件
ahref="
mailto:
aaa@?
subject=ccc&
body=xxxyyy"
MailMe<
/a>
快速转到位置
obj.scrollIntoView（true）
锚
aname="
first"
#first"
anchors<
网页传递参数
location.search（）;
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
防止点击空链接时，页面往往重置到页首端
javascript:
function（）"
word<
上一网页源
asp:
request.servervariables（"
HTTP_REFERER"
）
document.referrer
释放内存
CollectGarbage（）;
禁止右键
document.oncontextmenu=function（）{returnfalse;
}
禁止保存
noscript>
*.htm"
/noscript>
禁止选取
bodyoncontextmenu="
returnfalse"
ondragstart="
onselectstart="
onselect="
document.selection.empty（）"
oncopy="
onbeforecopy="
onmouseup="
document.selection.empty（）>
禁止粘贴
inputtype=textonpaste="
地址栏图标
linkrel="
ShortcutIcon"
href="
favicon.ico"
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
Bookmark"
查看源码
inputtype="
button"
value="
查看网页源代码"
onclick="
window.location='
view-source:
'
+'
关闭输入法
inputstyle="
ime-mode:
disabled"
自动全选
inputtype=textname=text1value="
123"
onfocus="
this.select（）"
ENTER键可以让光标移到下一个输入框
inputonkeydown="
if（event.keyCode==13）event.keyCode=9"
文本框的默认值
inputtype=textvalue="
alert（this.defaultValue）"
checkbox扁平
inputtype=checkboxstyle="
position:
absolute;
clip:
rect（5px15px15px5px）"
br>
自动完成功能
inputtype=textautocomplete=on>
打开该功能
inputtype=textautocomplete=off>
关闭该功能
title换行
obj.title="
123&
#13sdfs&
#32"
获得时间所代表的微秒
varn1=newDate（"
2004-10-10"
.replace（/-/g,"
\/"
））.getTime（）
窗口是否关闭
win.closed
窗口最大化
bodyonload="
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（"
encodeURIComponent对"
:
"
、"
/"
和"
?
也编码
表格行指示
tronmouseover="
this.bgColor='
#f0f0f0'
onmouseout="
#ffffff'
各种尺寸
s
+=
"
\r\n网页可见区域宽：
+
document.body.clientWidth;
\r\n网页可见区域高：
document.body.clientHeight;
document.body.offsetWeight
+"
（包括边线的宽）"
document.body.offsetHeight
\r\n网页正文全文宽：
document.body.scrollWidth;
\r\n网页正文全文高：
document.body.scrollHeight;
\r\n网页被卷去的高：
document.body.scrollTop;
\r\n网页被卷去的左：
document.body.scrollLeft;
\r\n网页正文部分上：
window.screenTop;
\r\n网页正文部分左：
window.screenLeft;
\r\n屏幕分辨率的高：
window.screen.height;
\r\n屏幕分辨率的宽：
window.screen.width;
\r\n屏幕可用工作区高度：
window.screen.availHeight;
\r\n屏幕可用工作区宽度：
window.screen.availWidth;
过滤数字
inputtype=textonkeypress="
returnevent.keyCode>
=48&
&
event.keyCode<
=57||（this.value.indexOf（'
.'
）<
0?
event.keyCode==46:
false）"
onpaste="
return!
clipboardData.getData（'
text'
）.match（/\D/）"
ondragenter="
特殊用途
inputtype=buttonvalue=导入收藏夹onclick="
window.external.ImportExportFavorites（true,'
inputtype=buttonvalue=导出收藏夹onclick="
window.external.ImportExportFavorites（false,'
inputtype=buttonvalue=整理收藏夹onclick="
window.external.ShowBrowserUI（'
OrganizeFavorites'
null）"
inputtype=buttonvalue=语言设置
LanguageDialog'
inputtype=buttonvalue=加入收藏夹onclick="
window.external.AddFavorite（'
'
google'
）"
inputtype=buttonvalue=加入到频道onclick="
window.external.addChannel（'
window.external.showBrowserUI（'
PrivacySettings'
null）"
不缓存
METAHTTP-EQUIV="
pragma"
no-cache"
Cache-Control"
no-cache,must-revalidate"
expires"
0"
正则匹配
匹配中文字符的正则表达式：
[\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（'
clipboardData.getData（'
）.replace（/[^\u4E00-\u9FA5]/g,'
））"
1.用正则表达式限制只能输入全角字符：
onkeyup="
value=value.replace（/[^\uFF00-\uFFFF]/g,'
）.replace（/[^\uFF00-\uFFFF]/g,'
2.用正则表达式限制只能输入数字：
value=value.replace（/[^\d]/g,'
）"
onbeforepaste="
）.replace（/[^\d]/g,'
3.用正则表达式限制只能输入数字和英文：
value=value.replace（/[\W]/g,'
消除图像工具栏
IMGSRC="
mypicture.jpg"
HEIGHT="
100px"
WIDTH="
GALLERYIMG="
false"
or
head>
metahttp-equiv="
imagetoolbar"
content="
no"
/head>
无提示关闭
functionClose（）{
varua=navigator.userAgent
varie=navigator.appName=="
MicrosoftInternetExplorer"
true:
false
if（ie）
{
varIEversion=parseFloat（ua.substring（ua.indexOf（"
MSIE"
）+5,ua.indexOf（"
ua.indexOf（"
））））
if（IEversion<
5.5）
{
varstr
='
objectid=noTipCloseclassid="
clsid:
ADB880A6-D8FF-11CF-9377-00AA003B7A11"
str+='
paramname="
Command"
Close"
/object>
document.body.insertAdjacentHTML（"
beforeEnd"
str）;
document.all.noTipClose.Click（）;
}
else
window.opener=null;
window.close（）;
else
window.close（）
取得控件得绝对位置
scriptlanguage="
javascript"
functiongetoffset（e）{
vart=e.offsetTop;
varl=e.offsetLeft;
while（e=e.offsetParent）
t+=e.offsetTop;
l+=e.offsetLeft;
varrec=newArray
（1）;
rec[0]
=t;
rec[1]=l;
returnrec
/script>
最小化,最大化,关闭
objectid=minclassid="
Minimize"
objectid=maxclassid="
Maximize"
OBJECTid=closeclassid="
adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAMNAME="
/OBJECT>
inputtype=buttonvalue=最小化onclick=min.Click（）>
inputtype=buttonvalue=最大化onclick=max.Click（）>
inputtype=buttonvalue=关闭onclick=close.Click（）>
光标停在文字最后
functioncc（）
vare=event.srcElement;
varr=e.createTextRange（）;
r.moveStart（'
character'
e.value.length）;
r.collapse（true）;
r.select（）;
cc（）"
页面进入和退出的特效
进入页面<
Page-Enter"
revealTrans（duration=x,transition=y）"
推出页面<
Page-Exit"
这个是页面被载入和调出时的一些特效。
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
网页是否允许被搜索引擎机器人检索
metaname="
ROBOTS"
属性值"
其中属性值有以下一些:
属性值为"
all"
文件将被检索，且页上链接可被查询；
none"
文件不被检索，而且不查询页上的链接；
index"
文件将被检索；
follow"
查询页上的链接；
noindex"
文件不检索，但可被查询链接；
nofollow"
全部不允许。
打印分页
pstyle="
page-break-after:
always"
page1<
/p>
page2<
设置打印
objectid="
factory"
style="
viewastext
classid="
1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="
inputtype=buttonvalue=页面设置onclick="
factory.printing.PageSetup（）"
inputtype=buttonvalue=打印预览onclick="
factory.printing.Preview（）"
scriptlanguage=javascript>
functionwindow.onload（）
//--advancedfeatures
factory.printing.SetMarginMeasure
（2）//measuremarginsininches
factory.printing.SetPageRange（false,1,3）//needpagesfrom1to
升级会员 