登录免费注册



java scripts学习

首页  思维导图  详情



java scripts学习

2017-04-24 22:48:00   0  举报





仅支持查看

AI智能生成

JavaScript学习

js

模版推荐

作者其他创作

大纲/内容

JavaScript

语法

语句

区分大小写，每条语句以分号结尾“；”

用大括号{}表示作用域<br>，每条语句和变量之间可以有任意空格tab回车<br>

/*     */表示注释<br>

变量及数据类型

js是动态数据类型，变量的类型随着其值变化而变化

关键字var声明变量<br>

变量名可以由字母、数字、下划线等组成

常用数据类型

字符串

.length获取字符串长度

字符串拼接：+、+=

undefined（未定义

symbol(符号)

数字

布尔型

null

数组

push()函数追加数组数据

pop()函数弹出数组最后数据<br>

shift()函数移出数组第一个数据

unshift()函数移入数据到数组第一位

对象<br>类型

子主题

属性访问

访问属性是通过.操作符完成的，但这要求属性名必须是一个有效的变量名

不是一个有效的变量，就需要用''括起来。访问这个属性也无法使用.操作符，必须用['xxx']来访问：<br><br>

操作DOM

节点操作<br>

节点和节点属性查找

绝对位置查找节点<br>

getElementById<br>

返回拥有置顶id的第一个对象的引用<br>

getElementByName<br>

返会拥有指定名称的对象集合<br>

getElementByTagNmae<br>

返回带有指定标签名的对象的集合<br>

相对节点位置查找节点

obj.childNodes

获取子节点的节点列表<br>

obj.firstChild

获取节点的第一个子节点<br>

obj.lastChild

获取节点的最后一个节点<br>

obj.nextSibling

获取节点之后的第一个兄弟节点

obj.parentNode

获取节点的父节点

obj.previousSibling

获取节点之前的第一个兄弟节点

增加节点

docuemnt.createElement("hr")

创建节点对象<br>

添加节点对象方式<br>

obj.appendChild()

obj.insertBefore()

obj.replaceChild()

实例<br>

获取节点

var node = document.getElementById("id")<br>

创建节点<br>

var newobj = docuemnt.createElement("p")<br>

添加<br>

node.appendChild("newObj")

删除节点<br>

obj.removeChild()

css

块级元素

每个块级元素都从新的一行开始，其后的元素也另起一行

元素的高度、宽度、行高以及顶部和底边距都可设置

元素宽度的不设置的情况下是父级元素的100%和父元素宽度一样

display：block元素升级为块级元素

内联元素

和其他元素都在一行上

元素的高度、宽度及顶部和底部边距不可设置

元素的宽度就是它包含的文字或图片的宽度，不可改变。

display：inline

内联块状元素

和其他元素都在一行上

元素的高度、宽度、行高以及顶和底边距都可设置。

display:inline-block;

 Collect

Get Started

学习状态_课程进度

 Collect

Get Started

学习状态_考试状态

 Collect

Get Started

后端学习路线

 Collect

Get Started

适配小组学习计划













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document