JavaScript
2021-09-10 15:49:53 0 举报AI智能生成
JavaScript
作者其他创作
大纲/内容
概念： 一门客户端脚本语言
ECMAScript
js引入方式
内部js
定义<script>，标签体内容就是js代码
外部js
定义<script>，通过src属性引入外部的js文件
变量
var
作用域
数据类型
原始数据类型
number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
string：字符串。 字符串 "abc" "a" 'abc'
boolean：true和false
null：一个对象为空的占位符
undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined
引用数据类型
object
运算符
一元运算符
++，--，正负号
算术运算符
+，-， * ，/ ，%
赋值运算符
=，+=，-=等
比较运算符
>，<，>=，<=，==（内容比较），===(全等于)
逻辑运算符
&&，||， !
循环
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(延迟对象)：清除延迟动作
0 条评论
下一页
