

首页  思维导图  详情



JavaScript

2021-09-10 15:49:53   0  举报





仅支持查看

AI智能生成

JavaScript

JavaWeb

JavaScript

模版推荐

作者其他创作

大纲/内容

概念：一门客户端脚本语言

ECMAScript

js引入方式

内部js

定义&lt;script&gt;，标签体内容就是js代码

外部js

定义&lt;script&gt;，通过src属性引入外部的js文件

变量

var

作用域

数据类型

原始数据类型

number：数字。整数/小数/NaN(not a number 一个不是数字的数字类型)

string：字符串。字符串 &quot;abc&quot; &quot;a&quot; &apos;abc&apos;

boolean：true和false

null：一个对象为空的占位符

undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

引用数据类型

object

运算符

一元运算符

++，--，正负号

算术运算符

+，-， * ，/ ，%

赋值运算符

=，+=，-=等

比较运算符

&gt;，&lt;，&gt;=，&lt;=，==（内容比较），===(全等于)

逻辑运算符

&&，||， !

循环

if...else

switch: case

while

do...whil

for

JavaScript 对象

object

函数：Function

原始包装类型

Number

toString()

进制转换

Boolean

String

length

字符串长度

indexOf()

返回某个指定的字符串值在字符串中首次出现的位置

lastIndexOf()

返回某个指定的字符串值在字符串中最后一次出现的位置

substring()

提取字符串中两个指定的索引号之间的字符

substr(a,b)

从起始索引号提取字符串中指定数目的字符

toUpperCase()

转换全大写

toLowerCase()

转换全小写

Array 对象

var myarr=new Array()

length

数组长度

unshift()

向数组的开头添加一个或更多元素，并返回新的长度

shift()

删除并返回数组的第一个元素

push()

向数组的末尾添加一个或更多元素，并返回新的长度

pop()

删除并返回数组的最后一个元素

splice()

删除元素，并向数组添加新元素

sort()：排序

return a-b

升序

return b-a

降序

日期

var date = new Date()

toLocaleString()：本地字符串格式

getFullYear()：从 Date 对象以四位数字返回年份

getDate()：从 Date 对象返回一个月中的某一天 (1 ~ 31)

getDay()：从 Date 对象返回一周中的某一天 (0 ~ 6)

getHours()：返回 Date 对象的小时 (0 ~ 23)

getMinutes()：返回 Date 对象的分钟 (0 ~ 59)。

getMonth()：从 Date 对象返回月份 (0 ~ 11)。

getSeconds()：返回 Date 对象的秒数 (0 ~ 59)

getMilliseconds()：返回 Date 对象的毫秒(0 ~ 999)。

getTime()：返回 1970 年 1 月 1 日至今的毫秒数

Math

Math.random():返回 0 ~ 1 之间的随机数。含0不含1

Math.ceil(x)：对数进行上舍入取整

Math.floor(x)：对数进行下舍入取整

Math.round(x)：把数四舍五入为最接近的整数

Math.abs(x)：返回x的绝对值

正则表达式RegExp

Global

parseInt():将字符串转为数字

parsefloat():将字符串转为浮点型

isNaN():判断一个值是否是NaN，返回布尔值

eval():将JavaScript字符串作为脚本代码来执行

事件

绑定方式

在元素标签上直接定义事件

通过js获取元素对象，指定事件属性，设置一个函数

常用事件

点击事件

onclick：单击事件

ondblclick：双击事件

焦点事件

onfocus:元素获得焦点

onblur：失去焦点

加载事件

onload：一张页面或一幅图像完成加载

鼠标事件

onmousedown 鼠标按钮被按下。

onmouseup 鼠标按键被松开。

onmousemove 鼠标被移动。

onmouseover 鼠标移到某元素之上。

onmouseout 鼠标从某元素移开。

键盘事件

onkeydown 某个键盘按键被按下。

onkeyup 某个键盘按键被松开。

onkeypress 某个键盘按键被按下并松开

改变事件

onchange 域的内容被改变

选择事件

onselect 文本被选中

表单事件

onsubmit 确认按钮被点击

onreset 重置按钮被点击

DOM

概念：Document Object Model 文档对象模型

创建（获取）

window.document

document

DOM节点

HTML 文档中的每个成分都是一个节点（Node）

获取元素

方法

getElementById() ：根据id属性值获取元素对象。id属性值一般唯一

getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组

getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组

getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组

title：文档标题

Node

firstElementChild

获取当前节点的第一个子节点

lastElementChild

获取当前节点的最后一个子节点

修改HTML

innerHTML

替换内容：=

增加内容：+=

创建元素

createElement()：创建元素节点

createAttribute()：创建属性节点

setAttribute()：创建属性节点

createTextNode()：创建文本节点

createComment()：创建注释节点

添加元素

appendChild()

在最后一个子节点之后添加一个节点

insertBefore(新节点，指定节点)

在指定的子节点之前添加一个节点

复制元素

cloneNode(boolean)

true表示被克隆的节点包括原节点的所有属性和子节点

删除元素

removeChild()

删除指定节点

removeAtttibute()

删除指定属性

替换元素

replaceChild()

table对象

属性

rows：所有行

rows[索引]：指定行

cells：当前行所有单元格内容

cells[索引]：指定单元格内容

length：当前表格中的总行数

方法

insertRow(索引)：插入行

insertCell(索引)：插入单元格

deleteRow(索引)：删除行

deleteCell(索引)：删除单元格

BOM

概念：Browser Object Model 浏览器对象模型

Window对象

alert()：显示警告框

confirm()：显示确认框

prompt()：显示输入框

open()：打开窗口

close()：关闭窗口

History对象

back()：后退

forward()：前进

go(n)：跳转到第n个页面 n=0刷新页面

Location对象

href：设置返回完整的url

reload()：刷新页面

定时器

周期性定时器

setInterval(重复调用的方法,millisec)：设置重复动作

clearInterval(重复对象)：清除重复动作

一次性定时器

setTimeoutl(重复调用的方法,millisec)：设置延迟动作

clearTimeout(延迟对象)：清除延迟动作

 Collect

Get Started

JavaScript

 Collect

Get Started

JavaScript组成

 Collect

Get Started

javascript

 Collect

Get Started

JavaScript 运行机制





0 条评论

下一页