javascript最常用的技巧.docx

javascript最常用的技巧.docx

《javascript最常用的技巧.docx》由会员分享，可在线阅读，更多相关《javascript最常用的技巧.docx（32页珍藏版）》请在冰豆网上搜索。

javascript最常用的技巧

javascript事件查询综合

click（）对象.click（）使对象被点击。

closed对象.closed对象窗口是否已关闭true/false

clearTimeout（对象）清除已设置的setTimeout对象

clearInterval（对象）清除已设置的setInterval对象

confirm（”提示信息”）弹出确认框，确定返回true取消返回false

cursor:

样式更改鼠标样式handcrosshairtextwaithelpdefaultautoe/s/w/n-resize

event.clientX返回最后一次点击鼠标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;返回和设置当前横向滚动务的坐标值，须与函数配合，

document.titledocument.title=”message”;当前窗口的标题栏文字

document.bgcolordocument.bgcolor=”颜色值”;改变窗口背景颜色

document.Fgcolordocument.Fgcolor=”颜色值”;改变正文颜色

document.linkcolordocument.linkcolor=”颜色值”;改变超联接颜色

document.alinkcolordocument.alinkcolor=”颜色值”;改变正点击联接的颜色

document.VlinkColordocument.VlinkColor=”颜色值”;改变已访问联接的颜色

document.forms.length返回当前页form表单数

document.anchors.length返回当前页锚的数量

document.links.length返回当前页联接的数量

document.onmousedown=x单击鼠标触发事件

document.ondblclick=x双击鼠标触发事件

defaultStatuswindow.status=defaultStatus;将状态栏设置默认显示

functionfunctionxx（）{…}定义函数

isNumeric判断是否是数字

innerHTMLxx=对象.innerHTML输入某对象标签中的html源代码

innerTextdivid.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.appVersion返回当前浏览器版本号

navigator.appCodeName返回当前浏览器代码名字

navigator.userAgent返回当前浏览器用户代标志

onsubmitonsubmit=”return（xx（））”使用函数返回值

openeropener.document.对象控制原打开窗体对象

promptxx=window.prompt（”提示信息”,”预定值”）;输入语句

parentparent.框架名.对象控制框架页面

returnreturnfalse返回值

random随机参数（0至1之间）

reset（）form.reset（）;使form表单内的数据重置

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”,time）设置一个超时对象

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返回当前屏幕高度（空白空间）

window.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（”地址”,”名称”,”属性”）

属性:

toolbar（工具栏）,location（地址栏）,directions,status（状态栏）,

menubar（菜单栏）,scrollbar（滚动条）,resizable（改变大小）,width（宽）,height（高）,fullscreen（全屏）,scrollbars（全屏时无滚动条无参数,channelmode（宽屏）,left（打开窗口x坐标）,top（打开窗口y坐标）

window.location=‘view-source:

’+window.location.href应用事件查看网页源代码;

a=newDate（）;//创建a为一个新的时期对象

y=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（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:

背景图片,取值为图片的插入路径

点击网页正文函数调用触发器：

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:

1xsolidblack

虚线border-bottom:

1xdottedblack

点划线border-bottom:

2xdashedblack

双线border-bottom:

5xdoubleblack

槽状border-bottom:

1xgrooveblack

脊状border-bottom:

1xridgeblack

1.边缘高光glow（color=颜色,strength=亮光大小）

2.水平翻转fliph（）使对象水平翻转180度

3.垂直翻转flipv（）使对象垂直翻转180度

4.对象模糊blur（add=true/falsedirection=方向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=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素）

8.去色gray（）使对象呈灰度显示

9.负片效果invert（）使对象呈底片效果

10.高光light（）使对象呈黑色显示

11.遮盖mask（color=颜色）使整个对象以指定颜色进行蒙板一次

opacity表透明度水平.0~100,0表全透明,100表完全不透明

finishopacity表想要设置的渐变透明效果.0~100.

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.

strength只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.

color要透明的颜色.

offx,offy分别是x,y方向阴影的偏移量.

positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..

AddAmbient:

加入包围的光源.

AddCone:

加入锥形光源.

AddPoint加入点光源

Changcolor:

改变光的颜色．

Changstrength:

改变光源的强度．

Clear:

清除所有的光源．

MoveLight:

移动光源．

freq是波纹的频率，在指定在对象上一区需要产生多少个完事的波纹．

lightstrength可对于波纹增强光影的效果．显著0~100正整数，正弦波开始位置是0~360度．0表从0度开始，25表从90度开始．

strength表振幅大小．

handstyle=”cursor:

hand”

crosshairstyle=”cursor:

crosshair”

textstyle=”cursor:

text”

waitstyle=”cursor:

wait”

defaultstyle=”cursor:

default”

helpstyle=”cursor:

help”

e-resizestyle=”cursor:

e-resize”

ne-resizestyle=”cursor:

ne-resize”

n-resizestyle=”cursor:

n-resize”

nw-resizestyle=”cursor:

nw-resize”

w-resizestyle=”cursor:

w-resize”

s-resizestyle=”cursor:

s-resize”

sw-resizestyle=”cursor:

sw-resize”

se-resizestyle=”cursor:

se-resize”

autostyle=”cursor:

auto”

Javascript小技巧

 事件源对象

 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（）;

 document.all（“txt”）.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”

 自动刷新

 简单邮件

aaa@?

subject=ccc&body=xxxyyy“> 

 快速转到位置

 obj.scrollIntoView（true）

 锚

 anchors

 网页传递参数

 location.search（）;

 可编辑

 obj.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.styleSheets[0]

 style标签里的第一个样式

 document.styleSheets[0].rules[0]

 防止点击空链接时，页面往往重置到页首端。

function（）”>word

 上一网页源

 asp:

 request.servervariables（“HTTP_REFERER”）

 javascript:

 document.referrer

 释放内存

 CollectGarbage（）;

 禁止右键

 document.oncontextmenu=function（）{returnfalse;}

 禁止保存

 禁止选取

 onselectstart=”returnfalse”onselect=”document.selection.empty（）”

 oncopy=”document.selection.empty（）”onbeforecopy=”return

 false”onmouseup=”document.selection.empty（）> 

 禁止粘贴

 地址栏图标

 favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下

 收藏栏图标

 查看源码

’+

 ‘

 关闭输入法

disabled”>

 自动全选

 ENTER键可以让光标移到下一个输入框

 文本框的默认值

 title换行

 obj.title=“123 sdfs ″

 获得时间所代表的微秒

 varn1=newDate（“2004-10-10″.replace（/-/g,“\/”））.getTime（）

 窗口是否关闭

 win.closed

 checkbox扁平

absolute;clip:

rect（5px15px15px

 5px）”>

 获取选中内容

 document.selection.createRange（）.duplicate（）.text

 自动完成功能

 打开该功能 

 关闭该功能   

 窗口最大化

 4,window.screen.height-50）;window.moveTo（-4,-4）”>

 无关闭按钮IE

 window.open（“aa.htm”,“meizz”,“fullscreen=7″）;

 统一编码/解码

 alert（decodeURIComponent（encodeURIComponent（“http:

//你好.com?

as=hehe”）））

 encodeURICompo