js常用整理收集

 1.设置整个的class属性：document.getElementById(num).className="menu02"

2.控制输入字数：

var maxLen=250;
 function checkMaxInput(){
 var form = document.communityMaintFrontForm;
  if(form.shareExperience.value.length>maxLen)
   form.shareExperience.value = form.shareExperience.value.substring(0,maxLen);
  else
   $('remLen').innerText = maxLen - form.shareExperience.value.length;
 }

 

Via 优快云 

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 返回最后一次点击鼠标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.title document.title = " message " ; 当前窗口的标题栏文字
document.bgcolor document.bgcolor = " 颜色值 " ; 改变窗口背景颜色
document.Fgcolor document.Fgcolor = " 颜色值 " ; 改变正文颜色
document.linkcolor document.linkcolor = " 颜色值 " ; 改变超联接颜色
document.alinkcolor document.alinkcolor = " 颜色值 " ; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor = " 颜色值 " ; 改变已访问联接的颜色
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 输入某对象标签中的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.appVersion 返回当前浏览器版本号
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表单内的数据重置

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 = new  Date();  // 创建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文字高
1 in = 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: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 = 亮光大小) < br >
2 .水平翻转fliph() 使对象水平翻转180度 < br >
3 .垂直翻转flipv() 使对象垂直翻转180度 < br >
4 .对象模糊blur(add = true / false  direction = 方向 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表振幅大小．


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 - 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 "