javascript基础总结

dom对象:页面节点对象的统称。

如何得到标签对应的节点对象
document.getElementById()
document.getElementsByName()
document.getElementsByTagName()

节点对象有什么属性及方法,能够完成什么样操作
样式
节点对象.style
节点对象.className
属性
节点对象.属性名称
内容
节点对象.innerHTML
事件
节点对象.onclick=函数名|匿名函数;
window.onscroll=函数名|匿名函数;
宽高(页面元素,滚动条)
节点对象.offsetWidth
节点对象.offsetHeight
节点对象.offsetTop
节点对象.offsetLeft

节点对象.clientWidth
节点对象.clientHeight
document.documentElement.clientHeight

节点对象.scrollTop
节点对象.scrollLeft
document.body.scrollTop+document.documentElement.scrollTop

节点增加 删除(了解)
增加:
document.createElement("标签名称")
节点对象.appendChild(新节点对象)
节点对象.insertBefore(新的节点对象,在谁的前面)
例子:给ul追加子节点li

删除:
节点对象.childNodes//获取所有的子节点
节点对象.removeChild(子节点对象);
说明:删除所有子节点,要倒着删。

表单操作
下拉列表框---两级联动
<select name="province">
<option value="1" selected='selected'>北京</option>
</select>
select节点对象.options
select节点对象.options.length
option节点对象.value
option节点对象.text
bool option节点对象.selected

复选框---反选全选
<input name="sex[]" type="checkbox" value="值" checked='checked'/>男
checkbox节点对象.value
checkbox节点对象.checked

表单验证

单行文本输入框
多行文本输入框
密码框

获取输入的内容
节点对象.value

表单对象.submit();
例子:会员注册页面的验证

用户名:
密码:
重复密码:
邮箱:
性别:
爱好:
电话:
简介:

提交按钮

js总结:
基本函数库
string
属性:
length
方法:
string.concat(string)
string.indexOf(char)
string.lastIndexOf(char)
string.replace(search,replace)
string.split(分隔符)
string.toLowerCase()
string.toUpperCase()
string.charAt(下标)
string.substr(开始位置[,length])
Math
Math.abs(number)
Math.ceil(number)
Math.floor(number)
Math.round(number)
Math.random()
d=new Date()
d.getFullYear()
d.getMonth() 0-11
d.getDate()
d.getHours()
d.getMinutes()
d.getSeconds();
d.getDay()
d.toLocaleString()

arr=new Array();
属性:
arr.length
方法:
arr.push(var1,....)
arr.unshift(var1,....)
arr.pop()
arr.shift()
arr.splice(start,lenght,var1,var2,..)
arr.sort(function(a,b){return a-b;})
arr.concat(arrn)
arr.indexOf()
arr.lastIndexOf()
arr.toString()
arr.join(分隔符)
bom对象
window
方法:
window.alert()
window.confirm()
window.prompt()

t=window.setInterval(函数|匿名函数,时长)
t=window.setTimeout(函数|匿名函数,时长)
window.clearInterval(t)
window.clearTimeout(t)

navigator
属性:
userAgent
location
方法:
replace(目标地址)
dom对象
document
属性:
document.title
document.body
方法:
document.getElementById()
document.getElementsByName()
document.getElementsByTagName()
document.createElement()

节点对象
作用:js操作html标签的桥梁
样式
element.style
element.className
属性
element.属性名称
内容
element.innerHTML
事件
element.事件名称=函数名|匿名函数
宽高位置
element.offsetWidth
element.offsetHeight
element.offsetTop
element.offsetLeft

element.clientWidth
element.clientHeight

获取页面可见区域宽高:
document.documentElement.clientWidth
document.documentElement.clientHeight

滚动条的位置:
document.body.scrollTop+document.documentElement.scrollTop

节点的动态操作
element.childNodes
element.parentNode
element.appendChild()
element.insertBefore()
element.removeChild()

posted @ 2015-09-06 09:02  tiandi2050  阅读(119)  评论(0编辑  收藏  举报