变量名求:
数字开头
包含数字字母划线
系统关键字相
建议:变量名起意义注意
JS中符号必须英文状态
建议行结束加分号
行表达清楚意思建议写起
区分写
数字类型:
Number:数字类型
String汉字字母字符串类型
Null表示没空空类型
Undefined表示没找未定义类型
Boolean(bool)True(真)false(假)布尔类型
Arrayobject复杂数复合数类型
js函数:
Typeof(数) 数数类型
Documentwrite()输出容body中属文档级
:判断数字否相:判断数字数类型
parseInt(numString [radix])####返回字符串转换整数
parseFloat####返回字符串转换整数
IsFinite:查否限数
isNaN判断数数字类型果数数字返回true果数字false
js数组
数组方法名()数组属性方式
Length属性####数组数arrlength数组长度
Concat()####返回数组
Poin()####加入字符连接项返回字符串
Reverse()####反转序
pop()####删元素返回
Push()####加入新容返回长度
Js象
Var arr[]var arrnew Array()####js象创建方式
Array象
CharAt()####索引位置应字符
charCodeAt()####返回unicode编码a>97A>65
indexOf(字符)####查找字符字符串中出现第次位置(标)找返回1
lastIndexOf(字符)####查找字符字符串中出现次位置(标)找返回1
replace(n1n2)####换n1换成n2
split(字符)####分割字符串数组
substr(nm)####截取字符串n开始截取m
substring(nm)####截取字符串nm(注意:截取n截取m)
toLowerCase####转换成写
toUpperCase####转换成写
Math象:
Mathpow(nm)求nm次方
Mathabs(n)求n绝值
Mathceil(n)取整:找数整数
Mathfloor()取整:找数整数
Mathround()四舍五入
Mathrandom()取01机数够取0取1
Date象:
Var n1new Date()创建前时间日期象
Var n2new Date(199939 666)new Date(199939666)new Date(349834587347823)创建指定时间日期象
Var yearn1getFullYear()获取年份
Var monthn1getMonth()获月份
Var daten1getDate()获日期
Var hoursn1getHours()获时
Var minutesn1getMinutes()获分钟
Var secondn1getSeconds()获取秒数
Var MilliSecondsn1getMilliSeconds()获取毫秒值
Var daygetDay()获取星期
Var timegetTime()获取毫秒值
Var nsetFullYear()设置年份
Var monthn1setMonth()设置月份
Var daten1set Date()设置日期
Var hoursn1setHours()设置时
Var minutesn1setMinutes()设置分钟
Var secondn1setSeconds()设置秒数
Var MilliSecondsn1setMilliSeconds()设置毫秒值
documentgetElementById(id名)ObjHTML属性名值ObjstyleCSS属性名值
innerHTML获取象中容(标签文)
DocumentgetElementsByTagName(标签名)获数组形式果想访问某象时候象集合[标]
Documentlinks连接获数组形式果想访问某象时候象集合[标]
Documentimages图片获数组形式果想访问某象时候象集合[标]
Documentforms表单象获数组形式果想访问某象时候象集合[标]
Js鼠标事件
Onmouseover####鼠标放
Onmouseout####鼠标离开
Onclick####点击事件
Ondblclick####双击事件
Onmousedown####鼠标
Onmouseu####鼠标抬起
Onmousemov####鼠标移动
键盘事件
Onkeydown键盘
Onkeyup键盘抬起
Onkeypress键盘键次
表单事件
Onsubmit:提交事件
Onchange发生改变时候(select)
Onfocus获焦点
Onblur失焦点
窗口事件:
windowonload函数名写JS中
页面加载完成立刻执行事件
Event
EventclientX鼠标X坐标
EventclientY鼠标Y坐标
Eventtarget事件发生源头事件发生时候相关信息
JS创建出标签
语法:documentcreateElement(标签名)Body:documentbodyDocumentbodyappendChild(obj)
Js中Window三弹出窗口
Alert()弹出警告窗口
Prompt()弹出户输入窗口果户输入点击确认获果输入点击确认获空字符串果点击取消获null
Confirm()弹出户选择窗口果点击确认true果点击取消false
Windowopen方法
Windowopen(urlname设置)开新窗口
Width:窗口宽度
Height:窗口高度
Top:离显示器边距离
Left:离显示器左边距离
Scrollbars:滚动条
Toolbar:工具栏
Windowcolse()
Js Location跳转
Locationhref获址信息
Locationassign(url)加载新文档
Locationreload()重新加载前文档刷新
Locationreplace()新文档换前文档
Replaceassign区
Replace加载没历史记录
Assign加载历史记录
Js History跳转
Historylength:访问url数量
Historyback()返回前页面
Historyforward()历史记录页面
Historygo()跳转指定页面果参数1跳转前页面
Js Screen 屏幕宽度
Width屏幕宽度
Height:屏幕高度
availWidth:务栏宽度
availHeight:务栏高度
Js Navigator 获取浏览器信息
NavigatorappName:浏览器名称
NavigatorappCodeName:浏览器代码名
Navigatorappversion浏览器版号
NavigatoruserAgent浏览器信息
DOM中节点
parentNode:父节点
childNodes子节点:子节点子节点数组
firstChild第子节点
lasetChild子节点
nextSibling兄弟节点父级关系
previousSibling:兄弟节点父级关系注意:中空白处算节点
objonclick函数名绑定onclick事件
想删某元素必须找父节点删父节点权限删
parentNode绑定事件中this直接象父节点removeChild(象)
父子关系:
append(a)append(b)b插入 a里面ab父元素插入面
appendTo()(a)appendTo(b)a插入b中ba父元素插入面
prepend(a)prepend(b)b插入a里面ab父元素插入前面
prependTo(a)prenpendTo(b)a插入b里面ba父元素插入前面
兄弟关系:
After(a)after(b)b插入a面
Before(a)before(b)b插入a前面
insertAfter(a)insertAfter(b)a插入b面
insertBefore(a)insertBefore(b)a插入b前面
包裹:
Wrap(a)wrap(b)ab包裹起没a会b包裹
wrapAll(a)wrapAll((b))ab包裹起ab包起
wrapInner(a)wrapInner((b))ab包裹起a里面容b包裹起
删:
Empty容删
remove:标签容删
克隆:
Clone()
Js动画基
Show展示
Hide隐藏
Toggle 切换
滑动
slideDown:展开
slideUp收起
slideToggle切换效果
淡入淡出:
FadeIn
Fadeout
FadeToggle
FadeTo
js定时器
创建反复性定时器
WindowsetInterVal(函数()时间)>规定事件执行次函数函数会直执行:注意:时间毫秒单位
停止反复性定时器windowclearInterval(定时器名字)
创建次性定时器
WindowsetTimeout(函数()时间)>规定时间会执行函数函数会执行次:注意:时间毫秒单位
停止次性定时器WindowclearTimeout(定时器名)果定时器没名字法停止
js表单钮
获取单checkbox选中项(三种写法)
(inputcheckboxchecked)val() (input[type'checkbox']checked)val()
(input[name'ck']checked)val()
获取checkbox选中项
('inputcheckbox')each(function() {if ((this)attr('checked') true) {alert((this)val())}})
设置第checkbox 选中值
('inputcheckboxfirst')attr(checked'checked')
('inputcheckbox')eq(0)attr(checked'true')
设置checkbox选中值
('inputradiolast')attr('checked' 'checked')
('inputradiolast')attr('checked' 'true')
根索引值设置意checkbox选中值
('inputcheckbox)eq(索引值)attr('checked' 'true')索引值012
('inputradio')slice(12)attr('checked' 'true')
选中checkbox时选中第1第2checkbox
('inputradio')slice(02)attr('checked''true')
根Value值设置checkbox选中值
(inputcheckbox[value'1'])attr('checked''true')
删Value1checkbox
(inputcheckbox[value'1'])remove()
删第checkbox
(inputcheckbox)eq(索引值)remove()索引值012
删第3checkbox (inputcheckbox)eq(2)remove()
遍历checkbox
('inputcheckbox')each(function (index domEle) {写入代码})
全部选中全部取消选择
('inputcheckbox')each(function() {(this)attr('checked' true)})
('inputcheckbox')each(function () {(this)attr('checked'false)})
提交表单钮取消填充
('#btnSubmit')on('click' function () {('form')submit()})
('#btnReset')on('click' function () {('form')[0]reset()})
获属性值
(this)attr('parent_data')
判断否选中
(this)attr('checked')
全部选中全部取消
(this)siblings('input')attr(checked true)
(this)siblings('input')attr(checked false)
选择第
(this)siblings(first)attr(checked true)
文档香网(httpswwwxiangdangnet)户传
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
该内容是文档的文本内容,更好的格式请下载文档