常用js代码大全文档格式.docx
《常用js代码大全文档格式.docx》由会员分享,可在线阅读,更多相关《常用js代码大全文档格式.docx(83页珍藏版)》请在冰豆网上搜索。
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"
C>
∙简单邮件
a
href="
[email=aaa@?
subject=ccc&
body=xxxyyy]mailto:
aaa@?
body=xxxyyy[/email]"
>
∙快速转到位置
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;
∙透明背景
IFRAME.src="
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>
iframe.src="
*.htm"
/noscript>
∙禁止选取<
body
ShortcutIcon"
href="
favicon.ico"
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
∙收藏栏图标
linkrel="
Bookmark"
∙查看源码
inputtype=buttonvalue=查看网页源代码>
∙关闭输入法
inputstyle="
ime-mode:
disabled"
∙自动全选
inputtype=textname=text1value="
123"
>
∙ENTER键可以让光标移到下一个输入框
input>
∙文本框的默认值
inputtype=textvalue="
∙title换行
obj.title="
123sdfs"
∙获得时间所代表的微秒
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>
关闭该功能
∙关闭窗口
window.close();
∙返回
history.back();
∙无关闭按钮IE
window.open("
aa.htm"
"
meizz"
fullscreen=7"
∙统一编码/解码
alert(decodeURIComponent(encodeURIComponent("
http:
//你好.com?
as=hehe"
)))
encodeURIComponent对"
:
"
、"
/"
和"
?
也编码
高级应用
(一)
页面跳转:
window.location.href('
地址'
)
window.open('
'
_self'
打开新窗口:
_blank'
只显示地址栏:
window.open('
title'
location=1,height=200,width=500'
只显示状态栏:
status=1'
只显示工具栏:
toolbar=1'
只显示菜单栏:
menubar=1'
一个不少:
title)
光棍但可以调整大小:
resizable=1'
去掉所有空格:
Object.replace(/^\s+|\s+$/g,"
屏蔽鼠标:
ncontextmenu="
window.event.returnValue=false"
取消选取:
nselectstart="
returnfalse"
不允许粘贴:
npaste="
关闭输入法:
<
不允许另存为:
iframe.src=*.html>
得到上一页来源:
document.referrer
弹出窗口总在最上:
body>
弹出确认对话框:
comfirm('
文本'
)"
script>
if(confirm('
)){//确定}else{//取消}
回车转换Tab键:
if(window.event.keyCode==13){event.keyCode=9}
返回上一页:
history.go(-1)
重新加载页面:
window.location.reload()
子页面中调父页面中的方法:
window.opener.function()
子页面中访问父页面中名为name的控件值:
window.opener.name.value
子页面中访问父页面中表单中名为name的控件值:
window.opener.formName.nam.value
得到控件的绝对位置:
functiongetIE(){
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("
top="
+t+"
andleft="
+l);
光标停在文本框文字的最后:
functiontoEnd(){
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart("
character"
e.value.length);
r.collapse(true);
r.select();
inputtype="
text"
value="
end"
屏蔽功能键(Shift,Alt,Ctrl)
functiontestKey(){
if(event.shiftKey){ //altKey;
ctrlKey
Shift"
不要滚动条:
bodyscroll="
no"
让竖条没有:
bodystyle="
overflow:
scroll;
overflow-y:
hidden"
让横条没有:
overflow-x:
去掉图片链接点击后图片周围的虚线:
#"
imgsrc="
test.jpg"
在子窗体中刷新父窗体:
window.opener.location.reload()
设置打开窗口的大小:
body100)"
设置打开窗口的位置:
得到窗体大小:
document.body.clientWidth;
document.body.clientHeight;
TEXTAREA自适应文字行数:
textarearows="
1"
cols="
17"
npropertychange="
this.style.posHeight=this.scrollHeight>
/textarea>
屏蔽脚本错误:
functionkillErrors(){
returntrue;
window.onerror=killErrors();
判断是否是字符:
if(/[^/x00-/xff]/g.test(str)){
有汉字"
}else{
全是字符"
screen.属性:
availHeight获取系统屏幕的工作区域高度,排除Microsoft&
reg;
Windows&
任务栏。
availWidth获取系统屏幕的工作区域宽度,排除Windows任务栏。
bufferDepth设置或获取用于画面外位图缓冲颜色的每像素位数。
colorDepth获取用于目标设置或缓冲区的颜色每像素位数。
deviceXDPI设置或获取系统屏幕水平每英寸点数(DPI)的数值。
deviceYDPI设置或获取系统屏幕垂直每英寸点数(DPI)的数值。
fontSmoothingEnabled获取用户是否在控制面板的显示设置中启用了圆整屏幕字体边角的选项。
height获取屏幕的垂直分辨率。
logicalXDPI获取系统屏幕水平每英寸点数(DPI)的常规数值。
logicalYDPI获取系统屏幕垂直每英寸点数(DPI)的常规数值。
updateInterval设置或获取屏幕的更新间隔。
width获取屏幕的垂直分辨率。
得到div的height值:
div.offsetHeight(带滚动条的完整高度)
div.clientHeight(内容的高度)
//各种尺寸
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=textnkeypress="
returnevent.keyCode>
=48&
&
event.keyCode<
=57||(this.value.indexOf('
.'
)<
0?
event.keyCode==46:
false)"
onpaste="
return!
clipboardData.getData('
text'
).match(/\D/)"
ondragenter="
//特殊用途
inputtype=buttonvalue=导入收藏夹nclick="
window.external.ImportExportFavorites(true,'
//localhost'
inputtype=buttonvalue=导出收藏夹nclick="
window.external.ImportExportFavorites(false,'
inputtype=buttonvalue=整理收藏夹nclick="
window.external.ShowBrowserUI('
OrganizeFavorites'
null)"
inputtype=buttonvalue=语言设置
onclick="
LanguageDialog'
inputtype=buttonvalue=加入收藏夹nclick="
window.external.AddFavorite('
'
google'
inputtype=buttonvalue=加入到频道nclick="
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.用正则表达式限制只能输入全角字符:
nkeyup="
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,'
//消除图像工具栏
IMGSRC="
mypicture.jpg"
HEIGHT="
100px"
WIDTH="
GALLERYIMG="
false"
or
head>
meta.http-equiv="
imagetoolbar"
content="
/head>
//无提示关闭
function
Close()
{
var
ua=navigator.userAgent
ie=navigator.appName=="
MicrosoftInternetExplorer"
true:
false
if(ie)
IEversion=parseFloat(ua.substring(ua.indexOf("
MSIE"
)+5,ua.indexOf("
ua.indexOf("
))))
if(IEversion<
5.5)
str
='
objectid=noTipCloseclassid="
clsid:
ADB880A6-D8FF-11CF-9377-00AA003B7A11"
str+='
paramname="
Command"
value="
Close"
/object>
document.body.insertAdjacentHTML("
beforeEnd"
str);