javascript常用函数技巧事件Word文件下载.docx
《javascript常用函数技巧事件Word文件下载.docx》由会员分享，可在线阅读，更多相关《javascript常用函数技巧事件Word文件下载.docx（14页珍藏版）》请在冰豆网上搜索。
2.数组函数
javascript数组函数包括以下4个函数：
（1）join函数：
转换并连接数组中的所有元素为一个字符串。
例:
functionJoinDemo（）
{
vara,b;
a=newArray（0,1,2,3,4）;
b=a.join（"
-"
//分隔符
return（b）;
//返回的b=="
0-1-2-3-4"
}
（2）length函数：
返回数组的长度。
例：
functionLengthDemo（）
vara,l;
l=a.length;
return（l）;
//l==5
（3）reverse函数：
将数组元素顺序颠倒。
functionReverseDemo（）
{
vara,l;
a=newArray（0,1,2,3,4）;
l=a.reverse（）;
return（l）;
}
（4）sort函数：
将数组元素重新排序。
functionSortDemo（）
a=newArray（"
X"
"
y"
d"
"
Z"
v"
m"
r"
l=a.sort（）;
3.日期函数
javascript日期函数包括以下20个函数：
（1）getDate函数：
返回日期的"
日"
部分，值为1～31。
functionDateDemo（）
vard,s="
Today'
sdateis:
"
;
d=newDate（）;
s+=（d.getMonth（）+1）+"
/"
s+=d.getDate（）+"
s+=d.getYear（）;
return（s）;
（2）getDay函数：
返回星期几，值为0～6，其中0表示星期日，1表示星期一，...，6表示星期六。
vard,day,x,s="
Todayis:
varx=newArray（"
Sunday"
Monday"
Tuesday"
varx=x.concat（"
Wednesday"
Thursday"
Friday"
Saturday"
day=d.getDay（）;
return（s+=x[day]）;
（3）getHouse函数：
小时"
部分，值为0～23。
例。
functionTimeDemo（）
Thecurrentlocaltimeis:
varc="
:
s+=d.getHours（）+c;
s+=d.getMinutes（）+c;
s+=d.getSeconds（）+c;
s+=d.getMilliseconds（）;
（4）getMinutes函数：
分钟"
部分，值为0～59。
见上例。
（5）getMonth函数：
月"
部分，值为0～11。
其中0表示1月，2表示3月，...，11表示12月。
见前面的例子。
（6）getSeconds函数：
秒"
（7）getTime函数：
返回系统时间。
functionGetTimeTest（）
vard,s,t;
varMinMilli=1000*60;
varHrMilli=MinMilli*60;
varDyMilli=HrMilli*24;
t=d.getTime（）;
s="
It'
sbeen"
s+=Math.round（t/DyMilli）+"
dayssince1/1/70"
（8）getTimezoneOffset函数：
返回此地区的时差（当地时间与GMT格林威治标准时间的地区时差），单位为分钟。
functionTZDemo（）
vard,tz,s="
Thecurrentlocaltimeis"
tz=d.getTimezoneOffset（）;
if（tz<
0）
s+=tz/60+"
hoursbeforeGMT"
elseif（tz==0）
s+="
GMT"
else
hoursafterGMT"
（9）getYear函数：
年"
部分。
返回值以1900年为基数，例如1999年为99。
前面有例子。
（10）parse函数：
返回从1970年1月1日零时整算起的毫秒数（当地时间）。
functionGetTimeTest（testdate）
t=Date.parse（testdate）;
Thereare"
s+=Math.round（Math.abs（t/DyMilli））+"
days"
between"
+testdate+"
and1/1/70"
（11）setDate函数：
设定日期的"
部分，值为0～31。
（12）setHours函数：
（13）setMinutes函数：
（14）setMonth函数：
其中0表示1月，...，11表示12月。
（15）setSeconds函数：
（16）setTime函数：
设定时间。
时间数值为1970年1月1日零时整算起的毫秒数。
（17）setYear函数：
（18）toGMTString函数：
转换日期成为字符串，为GMT格林威治标准时间。
（19）setLocaleString函数：
转换日期成为字符串，为当地时间。
（20）UTC函数：
返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。
4.数学函数
javascript数学函数其实就是Math对象，它包括属性和函数（或称方法）两部分。
其中，属性主要有下列内容。
Math.e:
e（自然对数）、Math.LN2（2的自然对数）、Math.LN10（10的自然对数）、Math.LOG2E（e的对数，底数为2）、
Math.LOG10E（e的对数，底数为10）、Math.PI（π）、Math.SQRT1_2（1/2的平方根值）、Math.SQRT2（2的平方根值）。
函数有以下18个：
（1）abs函数：
即Math.abs（以下同），返回一个数字的绝对值。
（2）acos函数：
返回一个数字的反余弦值，结果为0～π弧度（radians）。
（3）asin函数：
返回一个数字的反正弦值，结果为-π/2～π/2弧度。
（4）atan函数：
返回一个数字的反正切值，结果为-π/2～π/2弧度。
（5）atan2函数：
返回一个坐标的极坐标角度值。
（6）ceil函数：
返回一个数字的最小整数值（大于或等于）。
（7）cos函数：
返回一个数字的余弦值，结果为-1～1。
（8）exp函数：
返回e（自然对数）的乘方值。
（9）floor函数：
返回一个数字的最大整数值（小于或等于）。
（10）log函数：
自然对数函数，返回一个数字的自然对数（e）值。
（11）max函数：
返回两个数的最大值。
（12）min函数：
返回两个数的最小值。
（13）pow函数：
返回一个数字的乘方值。
（14）random函数：
返回一个0～1的随机数值。
（15）round函数：
返回一个数字的四舍五入值，类型是整数。
（16）sin函数：
返回一个数字的正弦值，结果为-1～1。
（17）sqrt函数：
返回一个数字的平方根值。
（18）tan函数：
返回一个数字的正切值。
5.字符串函数
javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作，共包括以下20个函数：
（1）anchor函数：
产生一个链接点（anchor）以作超级链接用。
anchor函数设定的链接点的名称，另一个函数link设定的URL地址。
（2）big函数：
将字体加到一号，与...标签结果相同。
（3）blink函数：
使字符串闪烁，与...标签结果相同。
（4）bold函数：
使字体加粗，与...标签结果相同。
（5）charAt函数：
返回字符串中指定的某个字符。
（6）fixed函数：
将字体设定为固定宽度字体，与...标签结果相同。
（7）fontcolor函数：
设定字体颜色，与标签结果相同。
（8）fontsize函数：
设定字体大小，与标签结果相同。
（9）indexOf函数：
返回字符串中第一个查找到的下标index，从左边开始查找。
（10）italics函数：
使字体成为斜体字，与...标签结果相同。
（11）lastIndexOf函数：
返回字符串中第一个查找到的下标index，从右边开始查找。
（12）length函数：
返回字符串的长度。
（不用带括号）
（13）link函数：
产生一个超级链接，相当于设定的URL地址。
（14）small函数：
将字体减小一号，与...标签结果相同。
（15）strike函数：
在文本的中间加一条横线，与...标签结果相同。
（16）sub函数：
显示字符串为下标字（subscript）。
（17）substring函数：
返回字符串中指定的几个字符。
（18）sup函数：
显示字符串为上标字（superscript）。
（19）toLowerCase函数：
将字符串转换为小写。
（20）toUpperCase函数：
将字符串转换为大写。
编码和解码的几种方式
decodeURI（）解码某个编码的URI。
decodeURIComponent（）解码一个编码的URI组件。
encodeURI（）把字符串编码为URI。
encodeURIComponent（）把字符串编码为URI组件。
escape（）对字符串进行编码。
unescape（）对由escape（）编码的字符串进行解码。
事件源对象
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（）;
）.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"
自动刷新
<
metaHTTP-EQUIV="
refresh"
CONTENT="
8;
URL="
简单邮件
ahref="
mailto:
jishu@?
subject=thisistitle&
body=thisisthewordswhatyouwanttowriteforme"
快速转到位置
obj.scrollIntoView（true）
锚
aname="
first"
#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>
禁止选取
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=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）"
获得时间所代表的微秒
varn1=newDate（"
2004-10-10"
.replace（/-/g,"
\/"
））.getTime（）
窗口是否关闭
win.closed
checkbox扁平
inputtype=checkboxstyle="
position:
absolute;
clip:
rect（5px15px15px5px）"
br>
获取选中内容
document.selection.createRange（）.duplicate（）.text
自动完成功能
inputtype=textautocomplete=on>
打开该功能
inputtype=textautocomplete=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;
升级会员 