javascript最常用的技巧.docx

1、javascript最常用的技巧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 返回最后一次

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命名的对象值设为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 返回当前浏览器版本号navigato

6、r.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表单内的数据重置split(”) string.split(”

7、) 将string对象字符以逗号隔开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) 设置一个超时对象setInterv

8、al(”function”,time) 设置一个超时对象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 返回当前屏幕

9、宽度(分辨率值)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(”地址”,”名称”,”属性”)属性:toolbar(

10、工具栏),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=a.getYear(); /y的值为从

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

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

13、开,只能书写在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:1x solid black虚线 border-bottom:1x dotted black点划线 bord

14、er-bottom:2x dashed 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.对象

15、透明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=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)8.去色gray()使对象呈灰度显示9.负片效果invert()使对象呈底片效果10.高光light()使对象

16、呈黑色显示11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次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,righ

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

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

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

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

21、xecCommand 窗体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; 元素 documen

22、t.窗体.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); UNC

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

24、bj.contenteditable=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色,放虚拟目录根目录下 收藏栏图标 查看源码 input type=button value=查看网页源代码 onclick=”window.l

26、ocation = view-source:+ 关闭输入法 自动全选 ENTER键可以让光标移到下一个输入框 文本框的默认值 title换行 obj.title = “123 sdfs 获得时间所代表的微秒 var n1 = new Date(“2004-10-10.replace(/-/g, “/”).getTime() 窗口是否关闭 win.closed checkbox扁平 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 窗口最大化 无关闭按钮IE window.open(“aa.htm”, “meizz”, “fullscreen=7); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent(“http:/你好.com?as= hehe”) encodeURICompo