javascript实用代码大全Word下载.docx

javascript实用代码大全Word下载.docx

《javascript实用代码大全Word下载.docx》由会员分享，可在线阅读，更多相关《javascript实用代码大全Word下载.docx（42页珍藏版）》请在冰豆网上搜索。

∙插件数目

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"

∙自动刷新

<

metaHTTP-EQUIV="

refresh"

CONTENT="

8;

URL="

>

∙简单邮件

a 

href="

mailto:

aaa@?

subject=ccc&

body=xxxyyy"

∙快速转到位置

obj.scrollIntoView（true）

∙锚

aname="

first"

ahref="

#first"

anchors<

/a>

∙网页传递参数

location.search（）;

∙可编辑

obj.contenteditable=true

∙执行菜单命令

obj.execCommand

∙双字节字符

/[^\x00-\xff]/

汉字

/[\u4e00-\u9fa5]/

∙让英文字符串超出表格宽度自动换行

word-wrap:

break-word;

word-break:

break-all;

∙透明背景

IFRAMEsrc="

1.htm"

width=300height=180allowtransparency>

/iframe>

∙获得style内容

obj.style.cssText

∙HTML标签

document.documentElement.innerHTML

∙第一个style标签

document.styleSheets[0]

∙style标签里的第一个样式

document.styleSheets[0].rules[0]

∙防止点击空链接时，页面往往重置到页首端。

javascript:

function（）"

word<

∙上一网页源

asp:

request.servervariables（"

HTTP_REFERER"

）

document.referrer

∙释放内存

CollectGarbage（）;

∙禁止右键

document.oncontextmenu=function（）{returnfalse;

}

∙禁止保存

noscript>

iframesrc="

*.htm"

/noscript>

∙禁止选取<

body 

oncontextmenu="

return 

false"

ondragstart="

onselectstart 

="

onselect="

document.selection.empty（）"

oncopy="

onbeforecopy="

onmouseup="

document.selection.empty（）>

∙禁止粘贴

inputtype=textonpaste="

returnfalse"

∙地址栏图标

linkrel="

ShortcutIcon"

favicon.ico"

favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下

∙收藏栏图标

Bookmark"

∙查看源码

inputtype=buttonvalue=查看网页源代码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）"

∙title换行

obj.title="

123&

#13sdfs&

#32"

∙获得时间所代表的微秒

varn1=newDate（"

2004-10-10"

.replace（/-/g,"

\/"

））.getTime（）

∙窗口是否关闭

win.closed

∙checkbox扁平

inputtype=checkboxstyle="

position:

absolute;

clip:

rect（5px15px15px5px）"

br>

∙获取选中内容

document.selection.createRange（）.duplicate（）.text

∙自动完成功能

input 

type=text 

autocomplete=on>

打开该功能 

autocomplete=off>

关闭该功能 

∙窗口最大化

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（"

http:

//你好.com?

as=hehe"

）））

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;

//过滤数字

type=text 

onkeypress="

event.keyCode>

=48&

&

event.keyCode<

=57||（this.value.indexOf（'

.'

）<

0?

event.keyCode==46:

false）"

onpaste="

!

clipboardData.getData（'

text'

）.match（/\D/）"

ondragenter="

//特殊用途

type=button 

value=导入收藏夹 

onclick="

window.external.ImportExportFavorites（true,'

//localhost'

value=导出收藏夹 

window.external.ImportExportFavorites（false,'

value=整理收藏夹 

window.external.ShowBrowserUI（'

OrganizeFavorites'

null）"

value=语言设置 

LanguageDialog'

value=加入收藏夹 

window.external.AddFavorite（'

google'

）"

value=加入到频道 

window.external.addChannel（'

window.external.showBrowserUI（'

PrivacySettings'

null）"

//不缓存

META 

HTTP-EQUIV="

pragma"

CONTENT="

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的正则表达式：

//（[\w-]+\.）+[\w-]+（/[\w- 

./?

%&

=]*）?

以下是例子：

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：

onkeyup="

value=value.replace（/[^\u4E00-\u9FA5]/g,'

onbeforepaste="

clipboardData.setData（'

clipboardData.getData（'

）.replace（/[^\u4E00-\u9FA5]/g,'

））"

1.用正则表达式限制只能输入全角字符：

value=value.replace（/[^\uFF00-\uFFFF]/g,'

）.replace（/[^\uFF00-\uFFFF]/g,'

2.用正则表达式限制只能输入数字：

value=value.replace（/[^\d]/g,'

） 

）.replace（/[^\d]/g,'

3.用正则表达式限制只能输入数字和英文：

value=value.replace（/[\W]/g,'

//消除图像工具栏

IMG 

SRC="

mypicture.jpg"

HEIGHT="

100px"

WIDTH="

GALLERYIMG="

or

head>

meta 

http-equiv="

imagetoolbar"

content="

no"

/head>

//无提示关闭

function 

Close（）

{

var 

ua=navigator.userAgent

ie=navigator.appName=="

Microsoft 

Internet 

Explorer"

true:

false

if（ie）

IEversion=parseFloat（ua.substring（ua.indexOf（"

MSIE 

）+5,ua.indexOf（"

ua.indexOf（"

））））

if（IEversion<

5.5）

str 

= 

object 

id=noTipClose 

classid="

clsid:

ADB880A6-D8FF-11CF-9377-00AA003B7A11"

param 

name="

Command"

value="

Close"

/object>

document.body.insertAdjacentHTML（"

beforeEnd"

str）;

document.all.noTipClose.Click（）;

else

window.opener 

=null;

window.close（）;

window.close（）

//取得控件得绝对位置

（1）

script 

language="

javascript"

getoffset（e）

{ 

t=e.offsetTop;

l=e.offsetLeft;

while（e=e.offsetParent）

t+=e.offsetTop;

l+=e.offsetLeft;

} 

rec 

new 

Array

（1）;

rec[0] 

t;

rec[1] 

l;

rec

/script>

//获得控件的绝对位置

（2）

oRect 

obj.getBoundingClientRect（）;

oRect.left

oRect.

//最小化,最大化,关闭

id=min 

Minimize"

id=max 

Maximize"

OBJECT 

id=close 

adb880a6-d8ff-11cf-9377-00aa003b7a11"

PARAM 

NAME="

/OBJECT>

value=最小化 

onclick=min.Click（）>

value=最大化 

onclick=max.Click（）>

value=关闭 

onclick=close.Click（）>

//光标停在文字最后

cc（）

e 

event.srcElement;

r 

=e.createTextRange（）;

r.moveStart（'

character'

e.value.length）;

r.collapse（true）;

r.select（）;

name=text1 

onfocus="

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 

//网页是否被检索

ROBOTS"

属性值"

　　其中属性值有以下一些:

　　属性值为"

all"

文件将被检索，且页上链接可被查询；

none"

文件不被检索，而且不查询页上的链接；

index"

文件将被检索；

follow"

查询页上的链接；

noindex"

文件不检索，但可被查询链接；

nofollow"

//打印分页

p 

page