java scripts学习
2017-04-24 22:48:00 0 举报AI智能生成
JavaScript学习
作者其他创作
大纲/内容
web
JavaScript
语法
语句
区分大小写，每条语句以分号结尾“；”
用大括号{}表示作用域，每条语句和变量之间可以有任意空格tab回车
/* */表示注释
变量及数据类型
js是动态数据类型，变量的类型随着其值变化而变化
关键字var声明变量
变量名可以由字母、数字、下划线等组成
常用数据类型
字符串
.length获取字符串长度
字符串拼接：+、+=
undefined（未定义
symbol(符号)
数字
布尔型
null
数组
push()函数追加数组数据
pop()函数弹出数组最后数据
shift()函数移出数组第一个数据
unshift()函数移入数据到数组第一位
对象类型
子主题
属性访问
访问属性是通过.操作符完成的，但这要求属性名必须是一个有效的变量名
不是一个有效的变量，就需要用''括起来。访问这个属性也无法使用.操作符，必须用['xxx']来访问：
操作DOM
节点操作
节点和节点属性查找
绝对位置查找节点
getElementById
返回拥有置顶id的第一个对象的引用
getElementByName
返会拥有指定名称的对象集合
getElementByTagNmae
返回带有指定标签名的对象 的集合
相对节点位置查找节点
obj.childNodes
获取子节点的节点列表
obj.firstChild
获取节点的第一个子节点
obj.lastChild
获取节点的最后一个节点
obj.nextSibling
获取节点之后的第一个兄弟节点
obj.parentNode
获取节点的父节点
obj.previousSibling
获取节点之前的第一个兄弟节点
增加节点
docuemnt.createElement(\"hr\")
创建节点对象
添加节点对象方式
obj.appendChild()
obj.insertBefore()
obj.replaceChild()
实例
获取节点
var node = document.getElementById(\"id\")
创建节点
var newobj = docuemnt.createElement(\"p\")
添加
node.appendChild(\"newObj\")
删除节点
obj.removeChild()
css
块级元素
每个块级元素都从新的一行开始，其后的元素也另起一行
元素的高度、宽度、行高以及顶部和底边距都可设置
元素宽度的不设置的情况下是父级元素的100%和父元素宽度一样
display：block元素升级为块级元素
内联元素
和其他元素都在一行上
元素的高度、宽度及顶部和底部边距不可设置
元素的宽度就是它包含的文字或图片的宽度，不可改变。
display：inline
内联块状元素
元素的高度、宽度、行高以及顶和底边距都可设置。
display:inline-block;
0 条评论
回复 删除
下一页
