JS大总结.docx

1、JS 大总结大总结 javascript 事件查询综合 click()对象.click()使对象被点击。closed 对象.closed 对象窗口是否已关闭 true/false clearTimeout(对象)清除已设置的 setTimeout 对象 clearInterval(对象)清除已设置的 setInterval 对象 confirm(提示信息)弹出确认框，确定返回 true取消返回 false cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize event.clientX 返回最后一次

2、点击鼠标 X坐标值；event.clientY 返回最后一次点击鼠标 Y坐标值；event.offsetX 返回当前鼠标悬停 X坐标值 event.offsetY 返回当前鼠标悬停 Y坐标值 document.write(document.lastModified)网页最后一次更新时间 document.ondblclick=x 当双击鼠标产生事件 document.onmousedown=x 单击鼠标键产生事件 document.body.scrollTop;返回和设置当前竖向滚动条的坐标值，须与函数配合,document.body.scrollLeft;返回和设置当前横向滚动务的坐标值，须

3、与函数配合，document.title document.title=message;当前窗口的标题栏文字 document.bgcolor document.bgcolor=颜色值;改变窗口背景颜色 document.Fgcolor document.Fgcolor=颜色值;改变正文颜色 document.linkcolor document.linkcolor=颜色值;改变超联接颜色 document.alinkcolor document.alinkcolor=颜色值;改变正点击联接的颜色 document.VlinkColor document.VlinkColor=颜色值;改变已访

4、问联接的颜色 document.forms.length 返回当前页 form 表单数 document.anchors.length 返回当前页锚的数量 document.links.length 返回当前页联接的数量 document.onmousedown=x 单击鼠标触发事件 document.ondblclick=x 双击鼠标触发事件 defaultStatus window.status=defaultStatus;将状态栏设置默认显示 function function xx().定义函数 isNumeric 判断是否是数字 innerHTML xx=对象.innerHTML 输

5、入某对象标签中的 html 源代码 innerText divid.innerText=xx 将以 div 定位以 id命名的对象值设为 XX location.reload();使本页刷新，target 可等于一个刷新的网页 Math.random()随机涵数,只能是 0到 1 之间的数,如果要得到其它数,可以为*10,再取整 Math.floor(number)将对象 number转为整数，舍取所有小数 Math.min(1,2)返回 1,2 哪个小 Math.max(1,2)返回 1,2 哪个大 navigator.appName 返回当前浏览器名称 navigator.appVersi

6、on 返回当前浏览器版本号 navigator.appCodeName 返回当前浏览器代码名字 navigator.userAgent 返回当前浏览器用户代标志 onsubmit onsubmit=return(xx()使用函数返回值 opener opener.document.对象 控制原打开窗体对象 prompt xx=window.prompt(提示信息,预定值);输入语句 parent parent.框架名.对象 控制框架页面 return return false 返回值 random 随机参数（0 至 1 之间）reset()form.reset();使 form 表单内的数据重

7、置 split()string.split()将 string对象字符以逗号隔开 submit()form 对象.submit()使 form 对象提交数据 String对象的 charAt(x)对象 反回指定对象的第多少位的字母 lastIndexOf(string)从右到左询找指定字符，没有返回-1 indexOf(string)从左到右询找指定字符，没有返回-1 LowerCase()将对象全部转为小写 UpperCase()将对象全部转为大写 substring(0,5)string.substring(x,x)返回对象中从 0到 5的字符 setTimeout(function,ti

8、me)设置一个超时对象 setInterval(function,time)设置一个超时对象 toLocaleString()x.toLocaleString()从 x 时间对象中获取时间，以字符串型式存在 typeof(变量名)检查变量的类型，值有：String,Boolean,Object,Function,Underfined window.event.button=1/2/3 鼠标键左键等于 1 右键等于 2两个键一起按为 3 window.screen.availWidth 返回当前屏幕宽度(空白空间)window.screen.availHeight 返回当前屏幕高度(空白空间)w

9、indow.screen.width 返回当前屏幕宽度(分辨率值)window.screen.height 返回当前屏幕高度(分辨率值)window.document.body.offsetHeight;返回当前网页高度 window.document.body.offsetWidth;返回当前网页宽度 window.resizeTo(0,0)将窗口设置宽高 window.moveTo(0,0)将窗口移到某位置 window.focus()使当前窗口获得焦点 window.scroll(x,y)窗口滚动条坐标，y控制上下移动，须与函数配合 window.open()window.open(地址

10、,名称,属性)属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变大小),width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口 x 坐标),top(打开窗口 y坐标)window.location=view-source:+window.location.href 应用事件查看网页源代码;a=new Date();/创建 a 为一个新的时期对象 y=

11、a.getYear();/y的值为从对象 a中获取年份值 两位数年份 y1=a.getFullYear();/获取全年份数 四位数年份 m=a.getMonth();/获取月份值 d=a.getDate();/获取日期值 d1=a.getDay();/获取当前星期值 h=a.getHours();/获取当前小时数 m1=a.getMinutes();/获取当前分钟数 s=a.getSeconds();/获取当前秒钟数 对象.style.fontSize=文字大小;单位：mm/cm/in 英寸/pc帕/pt 点/px 象素/em文字高 1in=1.25cm 1pc=12pt 1pt=1.2px(

12、800*600 分辩率下)文本字体属性：fontSize大小 family字体 color颜色 fontStyle风格，取值为 normal 一般,italic斜体,oblique斜体且加粗 fontWeight 加粗,取值为 100 到 900不等,900最粗,light,normal,bold letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线 background:文字背景颜色,backgroundImage:背景图片,取值为图片的插入路径 点击网

13、页正文函数调用触发器：1.onClick 当对象被点击 2.onLoad 当网页打开,只能书写在 body中 3.onUnload 当网页关闭或离开时,只能书写在 body中 4.onmouseover 当鼠标悬于其上时 5.onmouseout 当鼠标离开对象时 6.onmouseup 当鼠标松开 7.onmousedown 当鼠标按下键 8.onFocus 当对象获取焦点时 9.onSelect 当对象的文本被选中时 10.onChange 当对象的内容被改变 11.onBlur 当对象失去焦点 onsubmit=return(ss()表单调用时返回的值 直线 border-bottom:

14、1x solid black 虚线 border-bottom:1x dotted black 点划线 border-bottom:2x dashed black 双线 border-bottom:5x double black 槽状 border-bottom:1x groove black 脊状 border-bottom:1x ridge black 1.边缘高光 glow(color=颜色,strength=亮光大小)2.水平翻转 fliph()使对象水平翻转 180度 3.垂直翻转 flipv()使对象垂直翻转 180度 4.对象模糊 blur(add=true/false dire

15、ction=方向 strength=强度)add指定是否按印象画派进行模糊 direction 模糊方向 strength 模糊强度 5.对象透明 alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)opaction 对象整体不透明值 finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值 style指定透明方式 0为整体透明，1 为线型透明，2为圆型透明，3 为矩形透明 6.去除颜色 chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明 7.建立阴影 dropshadow(color=阴影颜色,o

16、ffx=水平向左偏离像素,offy=水平向下偏离像素)8.去色 gray()使对象呈灰度显示 9.负片效果 invert()使对象呈底片效果 10.高光 light()使对象呈黑色显示 11.遮盖 mask(color=颜色)使整个对象以指定颜色进行蒙板一次 opacity 表透明度水平.0100,0表全透明,100 表完全不透明 finishopacity表想要设置的渐变透明效果.0100.style 表透明区的形状.0 表统一形状.1 表线形.2表放射形.3表长方形.startx.starty表渐变透明效果的开始时 X和 Y 坐标.finishx,finishy渐变透明效果结束时 x,y

17、的坐标.add有来确定是否在模糊效果中使有原有目标.值为 0,1.0表否,1 表是.direction 设置模糊的方向.0 度表垂直向上,45 度为一个单位.默认值是向左 270度.left,right,down,up.strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是 5个.color要透明的颜色.offx,offy分别是 x,y 方向阴影的偏移量.positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影.AddAmbient:加入包围的光源.AddCone:加入锥形光源.AddPoint 加入点光源 Changcolor:改变光的颜色 C

18、hangstrength:改变光源的强度 Clear:清除所有的光源 MoveLight:移动光源 freq是波纹的频率，在指定在对象上一区需要产生多少个完事的波纹 lightstrength 可对于波纹增强光影的效果显著 0100正整数，正弦波开始位置是0360度0表从 0度开始，25 表从 90 度开始 strength 表振幅大小 hand style=cursor:hand crosshair style=cursor:crosshair text style=cursor:text wait style=cursor:wait default style=cursor:default

19、 help style=cursor:help e-resize style=cursor:e-resize ne-resize style=cursor:ne-resize n-resize style=cursor:n-resize nw-resize style=cursor:nw-resize w-resize style=cursor:w-resize s-resize style=cursor:s-resize sw-resize style=cursor:sw-resize se-resize style=cursor:se-resize auto style=cursor:au

20、to 数字输入控制,给数字加上千分符 .inputRight text-align:right;border:1px#666666 dashed;font-size:9pt;color:#993366;height:18px;ime-mode:disabled;/*这些功能建议通过 HTC 来实现*/数字输入控制 function FormatInput(dotlen)var myEle=event.srcElement;var myValue=String.fromCharCode(event.keyCode);if(myEle.readOnly)return;switch(dotlen)/

21、原正则表达式(可以输入负数):/-?d*.?d0,0$/case 0:event.returnValue=regInput(myEle,/d*.?d0,0$/,myValue);break;case 1:event.returnValue=regInput(myEle,/d*.?d0,1$/,myValue);break;case 2:event.returnValue=regInput(myEle,/d*.?d0,2$/,myValue);break;case 3:event.returnValue=regInput(myEle,/d*.?d0,3$/,myValue);break;case

22、 4:event.returnValue=regInput(myEle,/d*.?d0,4$/,myValue);break;case 5:event.returnValue=regInput(myEle,/d*.?d0,5$/,myValue);break;case 6:event.returnValue=regInput(myEle,/d*.?d0,6$/,myValue);break;case 7:event.returnValue=regInput(myEle,/d*.?d0,7$/,myValue);break;case 8:event.returnValue=regInput(my

23、Ele,/d*.?d0,8$/,myValue);break;default:event.returnValue=regInput(myEle,/d*.?d0,0$/,myValue);break;function regInput(obj,reg,inputStr)var docSel=document.selection.createRange()if(docSel.parentElement().tagName!=INPUT)return false oSel=docSel.duplicate()oSel.text=var srcRange=obj.createTextRange()oS

24、el.setEndPoint(StartToStart,srcRange)var str=oSel.text+inputStr+srcRange.text.substr(oSel.text.length)return reg.test(str)/给数字加上千分符 by yuanzy function splitNumber(eValue)var intPart=;var decPart=;if(eValue.indexOf(,)=0)eValue=eValue.replace(/,/g,);if(eValue.indexOf(.)=0)intPart=eValue.split(.)0;decP

25、art=eValue.split(.)1;else intPart=eValue;var num=intPart+;var re=/(-?d+)(d3)/while(re.test(num)num=num.replace(re,$1,$2)if(eValue.indexOf(.)=0)eValue=num+.+decPart;else eValue=num;return eValue;function oFocus()if(event.srcElement.readOnly)return;event.srcElement.value=event.srcElement.value.replace

26、(/,/g,);function oBlur()if(event.srcElement.value=-)event.srcElement.value=;event.srcElement.value=splitNumber(event.srcElement.value);IE功能汇总 窗口打开自动最大化代码 if(window.screenLeft!=0)max.Click();利用脚本封装，方便实现网站悬浮广告 下面是 JS 脚本(floatdiv.js)/*=浮动块支持脚本 DESIGN BY:彭国辉 DATE:2004-02-26 SITE:http:/ EMAIL: 搜索更多相关主题的帖

27、子:javascript false help 2006-10-16 16:41:03 islet 等 级：贵宾 威 望：89 帖 子：6552 专家分：0 注 册：2005-1-28 第 2 楼 得分:0 文章为作者原创，转载前请先与本人联系，转载请注明文章出处、保留作者信息，谢谢支持！=*/var alLeft=0,alCenter=1,alRight=2;/水平对齐方式 var alTop=0,alMiddle=1,alBottom=2;/垂直对齐方式 var f=new Array();var cnt=0;function floatDiv(objId,align,vAlign,x,y

28、,smooth)/*浮动块对象 数据结构：objId：对象 ID align：水平对齐方式，枚举型 vAlign：垂直对齐方式，枚举型内容 x,y：xy座标，整型 smooth：平滑移动，布尔型*/this.objId=objId;this.align=align;this.vAlign=vAlign;this.x=x;this.y=y;this.smooth=smooth;function addDiv(objId,align,vAlign,x,y,smooth)/添加浮动块 fcnt+=new floatDiv(objId,align,vAlign,x,y,smooth);function

29、 floatMove()/重新定位各块位置 var objX,objY;if(document.all)var d=document.body;/status=scrollLeft:+f0.objId.style.pixelTop+|offsetWidth:+d.offsetWidth;for(var i=0;if.length;i+)switch(fi.align)case alLeft:objX=d.scrollLeft+fi.x;break;case alCenter:objX=d.scrollLeft+Math.ceil(d.offsetWidth-fi.objId.offsetWid

30、th)/2)+fi.x;break;case alRight:objX=d.scrollLeft+d.offsetWidth-fi.x-fi.objId.offsetWidth-20;break;/减滚动条 20 switch(fi.vAlign)case alTop:objY=d.scrollTop+fi.y;break;case alMiddle:objY=d.scrollTop+Math.ceil(d.offsetHeight-fi.objId.offsetHeight)/2)+fi.y;break;case alBottom:objY=d.scrollTop+d.offsetHeigh

31、t-fi.y-fi.objId.offsetHeight;break;if(fi.smooth)smoothMove(fi.objId,objX,objY);else fi.objId.style.pixelLeft=objX;fi.objId.style.pixelTop=objY;if(document.layers)for(var i=0;i 0)percent=Math.ceil(percent);else percent=Math.floor(percent);obj.style.pixelLeft+=percent;percent=.1*(y-obj.style.pixelTop)

32、;if(percent 0)percent=Math.ceil(percent);else percent=Math.floor(percent);obj.style.pixelTop+=percent;if(document.layers)percent=.1*(x-document.objId.left);if(percent 0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.objId.left+=percent;percent=.1*(y-document.objId.top);if(perce

33、nt 0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.objId.top+=percent;setTimeout(floatMove();,50);调用例子：if(navigator.appName=Netscape)document.write();else document.write();addDiv(ad_hr,alRight,alTop,0,30,true);原创自己定义的简单方法验证表单数据 方法很简单，先是定义好要验证的数组比如:check_array0=new Array(title,留言主题不能为空!);然后判断，错误的就提示定义的内容，代码如下:/表单验证程序；/定义获取表单元素；function$()var elements=new Array();for(var i=0;i