javascript最常用的技巧

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

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

3、ocument.title=”message”; 当前窗口的标题栏文字document.bgcolor document.bgcolor=”颜色值”; 改变窗口背景颜色document.Fgcolor document.Fgcolor=”颜色值”; 改变正文颜色document.linkcolor document.linkcolor=”颜色值”; 改变超联接颜色document.alinkcolor document.alinkcolor=”颜色值”; 改变正点击联接的颜色document.VlinkColor document.VlinkColor=”颜色值”; 改变已访问联接的颜色doc

4、ument.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 输入某对象标签中的html源代码inne

5、rText divid.innerText=xx 将以div定位以id命名的对象值设为XXlocation.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.appVersion 返回当前浏览器版本号navigator.appCodeName 返回

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

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

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

9、creen.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(”地址”,”名称”,”属性”)属性:toolbar(工具栏),location(地址

10、栏),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=a.getYear(); /y的值为从对象a中获得年份值两位数年份y1

11、=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.25cm1pc=12pt1pt=1.2px(800*600分辩率下)文本字体属性：fontSize大小family字体colo

12、r颜色fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗fontWeight加粗,取值为100到900不等,900最粗,light,normal,boldletterSpacing间距,更改文字间距离,取值为,1pt,10px,1cmtextDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线background:文字背景颜色,backgroundImage:背景图片,取值为图片的插入路径点击网页正文函数调用触发器：1.onClick 当对象被点击2.onLoad 当网页打开,只能书写在body中3.on

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

14、hed black双线 border-bottom:5x double black槽状 border-bottom:1x groove black脊状 border-bottom:1x ridge black1.边缘高光glow(color=颜色,strength=亮光大小)2.水平翻转fliph() 使对象水平翻转180度3.垂直翻转flipv() 使对象垂直翻转180度4.对象模糊blur(add=true/false direction=方向 strength=强度)add指定是否按印象画派进行模糊direction模糊方向strength模糊强度5.对象透明alpha(opaction

15、=0-100,finishopacity=0-100,style=0/1/2/3)opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明，1为线型透明，2为圆型透明，3为矩形透明6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)8.去色gray()使对象呈灰度显示9.负片效果invert()使对象呈底片效果10.高光light()使对象呈黑色显示11.遮盖mask(c

16、olor=颜色)使整个对象以指定颜色进行蒙板一次opacity 表透明度水平.0100,0表全透明,100表完全不透明finishopacity表想要设置的渐变透明效果.0100.style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.startx.starty表渐变透明效果的开始时X和Y坐标.finishx,finishy渐变透明效果结束时x,y 的坐标.add有来确定是否在模糊效果中使有原有目标.值为0,1.0表”否”,1表”是”.direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.streng

17、th 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.color要透明的颜色.offx,offy分别是x,y 方向阴影的偏移量.positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影.AddAmbient:加入包围的光源.AddCone:加入锥形光源.AddPoint加入点光源Changcolor:改变光的颜色Changstrength:改变光源的强度Clear:清除所有的光源MoveLight:移动光源freq是波纹的频率，在指定在对象上一区需要产生多少个完事的波纹lightstrength可对于波纹增强光影的效果显著0100正整数，正弦波开始位置

18、是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”help style=”cursor:help”e-resize style=”cursor:e-resize”ne-resize style=”cursor:ne-resize”n-resize style=”cursor:n-resize”nw-res

19、ize 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:auto”Javascript小技巧 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcEle

20、ment.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(); document.all(“txt”).select(); 窗体命令 document.execCommand 窗体COO

21、KIE 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索引

22、对象绑定事件 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() ,

23、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” 自动刷新 简单邮件 快速转到位置 obj.scrollIntoView(true) 锚 anchors 网页传递参数 location.search(); 可编辑 obj.contenteditab

24、le=true 执行菜单命令 obj.execCommand 双字节字符 /x00-xff/ 汉字 /u4e00-u9fa5/ 让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 获得style内容 obj.style.cssText HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets0 style标签里的第一个样式 document.styleSheets0.rules0 防止点击空链接时，页面往往重置到页首端。

25、word 上一网页源 asp: request.servervariables(“HTTP_REFERER”) javascript : document.referrer 释放内存 CollectGarbage(); 禁止右键 document.oncontextmenu = function() return false; 禁止保存 禁止选取 禁止粘贴 地址栏图标 favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 收藏栏图标 查看源码 关闭输入法 自动全选 ENTER键可以让光标移到下一个输入框 文本框的默认值 title换行 obj.title = “123 c

26、lip:rect(5px 15px 15px 5px)” 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 窗口最大化 无关闭按钮IE window.open(“aa.htm”, “meizz”, “fullscreen=7); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent(“http:/你好.com?as= hehe”) encodeURIComponent对”:”、”/”、”;” 和 “?”也编码 表格行指示 /各种尺寸 s +=

27、“rn网页可见区域宽：”+ document.body.clientWidth; s += “rn网页可见区域高：”+ document.body.clientHeight; s += “rn网页可见区域高：”+ document.body.offsetWeight +” (包括边线的宽)”; s += “rn网页可见区域高：”+ document.body.offsetHeight +” (包括边线的宽)”; s += “rn网页正文全文宽：”+ document.body.scrollWidth; s += “rn网页正文全文高：”+ document.body.scrollHeight;

28、 s += “rn网页被卷去的高：”+ document.body.scrollTop; s += “rn网页被卷去的左：”+ document.body.scrollLeft; s += “rn网页正文部分上：”+ window.screenTop; s += “rn网页正文部分左：”+ window.screenLeft; s += “rn屏幕分辨率的高：”+ window.screen.height; s += “rn屏幕分辨率的宽：”+ window.screen.width; s += “rn屏幕可用工作区高度：”+ window.screen.availHeight; s += “

29、rn屏幕可用工作区宽度：”+ window.screen.availWidth;/过滤数字=48&event.keyCode=57|(this.value.indexOf(.)/特殊用途/不缓存/正则匹配匹配中文字符的正则表达式： u4e00-u9fa5匹配双字节字符(包括汉字在内)：x00-xff匹配空行的正则表达式：ns| *r匹配HTML标记的正则表达式：/.*|/匹配首尾空格的正则表达式：(s*)|(s*$)（像vbscript那样的trim函数）匹配Email地址的正则表达式：w+(-+.w+)*w+(-.w+)*.w+(-.w+)*匹配网址URL的正则表达式：http:/(w-+.

30、)+w-+(/w- ./?%&=*)?以下是例子：利用正则表达式限制网页表单里的文本框输入内容：用正则表达式限制只能输入中文：onkeyup=”value=value.replace(/u4E00-u9FA5/g,”)”onbeforepaste=”clipboardData.setData(text,clipboardData.getData(text).replace(/u4E00-u9FA5/g,”)”1.用正则表达式限制只能输入全角字符： onkeyup=”value=value.replace(/uFF00-uFFFF/g,”)”onbeforepaste=”clipboardDat

31、a.setData(text,clipboardData.getData(text).replace(/uFF00-uFFFF/g,”)”2.用正则表达式限制只能输入数字：onkeyup=”value=value.replace(/d/g,”)“onbeforepaste=”clipboardData.setData(text,clipboardData.getData(text).replace(/d/g,”)”3.用正则表达式限制只能输入数字和英文：onkeyup=”value=value.replace(/W/g,”)“onbeforepaste=”clipboardData.setDa

32、ta(text,clipboardData.getData(text).replace(/d/g,”)”/消除图像工具栏or/无提示关闭function Close()var ua=navigator.userAgentvar ie=navigator.appName=”Microsoft Internet Explorer”?true:falseif(ie) var IEversion=parseFloat(ua.substring(ua.indexOf(“MSIE“)+5,ua.indexOf(“;”,ua.indexOf(“MSIE “) if(IEversion 5.5) var st

33、r = str += ; document.body.insertAdjacentHTML(“beforeEnd”, str); document.all.noTipClose.Click(); else window.opener =null; window.close(); else window.close() /取得控件得绝对位置(1)function getoffset(e)var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent) t+=e.offsetTop; l+=e.offsetLeft;var rec = new

34、 Array(1);rec0 = t;rec1 = l;return rec/获得控件的绝对位置(2)oRect = obj.getBoundingClientRect();oRect.leftoRect./最小化,最大化,关闭/光标停在文字最后function cc()var e = event.srcElement;var r =e.createTextRange();r.moveStart(character,e.value.length);r.collapse(true);r.select();/页面进入和退出的特效进入页面推出页面这个是页面被载入和调出时的一些特效。duration表

35、示特效的持续时间，以秒为单位。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/网页是否被检索其中属性值有以下一些:属性值为”all”: 文件将被检索，且页上链接可被查询；属性值为”none”: 文件不被检索，而且不查询页上的链接；属性值为”index”:

36、文件将被检索；属性值为”follow”: 查询页上的链接；属性值为”noindex”: 文件不检索，但可被查询链接；属性值为”nofollow”:/打印分页page1page2/设置打印function window.onload() / advanced features factory.printing.SetMarginMeasure(2) / measure margins in inches factory.printing.SetPageRange(false, 1, 3) / need pages from 1 to 3 factory.printing.printer = “H

37、P DeskJet 870C” factory.printing.copies = 2 factory.printing.collate = true factory.printing.paperSize = “A4 factory.printing.paperSource = “Manual feed” / basic features factory.printing.header = “居左显示&b居中显示&b居右显示页码，第&p页/共&P页” factory.printing.footer = “（自定义页脚）” factory.printing.portrait = false fa

38、ctory.printing.leftMargin = 0.75 factory.printing.topMargin = 1.5 factory.printing.rightMargin = 0.75 factory.printing.bottomMargin = 1.5function Print(frame) factory.printing.Print(true, frame) / print with prompt具体使用手册，更多信息，点这里/自带的打印预览WebBrowser.ExecWB(1,1) 打开Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口Web.ExecWB(4,1) 保存网页Web.ExecWB(6,1) 打印Web.ExecWB(7,1) 打印预览Web.ExecWB(8,1) 打印页面设置Web.ExecWB(10,1) 查看页面属性Web.ExecWB(15,1) 好像是撤销，有待确认Web.ExecWB(17,1) 全选Web.ExecWB(22,1) 刷新Web.ExecWB(45,1) 关闭窗体无提示.Noprintdisplay:n