js复习重点
以下为《js复习重点》的无排版文字预览，完整内容请下载
JS复习重点
Js html css的区别
Html:决定网页的结构和内容【结构】
Css:控制页面的表现样式，【表现】
Js:控制网页的行为【行为】
常用的输入输出语句
Alter 弹窗输出；
Document.write在html文档页面中输出内容；
Console.log 浏览器控制台打印；
数据类型{
Number 数值型，包含整数和浮点数;
String 字符型 由Unicode字符、数字等组成的字符序列，将其称为字符串。
Boolean 布尔型 用于逻辑判断，只有false和true两个值；
Null 空型 表示一个不存在的或无效的对象或地址。
Undefined 未定义型 只有一个特殊的undefined值，用于声明的变量还未被初始化时。
数据类型转换
转布尔型 用于表达式和流程控制语句中
转数值型 用number()函数、parselnt()函数、parseFloat()函数进行转换，确保都数值型函数
转字符型 用string()函数和ToString()方法进行转化；string可以将任意转化成字符型，而ToString除了NULL和undefined,其他都可完成字符转化。
js的组成
ECMAScript JS的核心语法部分
DOM 文档对象模型
BOM 浏览器对象模型
js的特点
JS是脚本语言
JS可以跨平台
JS支持面向对象
js引入方式
嵌入式 用script标签包裹JavaScript代码，直接写在html里
外链式 将JS代码保存在一个单独的文件中，通常用JS作为文件拓展名
行内式 将JavaScript代码作为HTML标签属性使用
if语句
if 语句?- 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句?- 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句?- 使用该语句来选择多个代码块之一来执行
for循环语句的格式
for(let i = 0; i < 10 ; i++){ console.log(i); }
break和continue的区别
Break 用于无条件结束各种循环
Continue 用于结束本次循环，而开始下一次循环
随机数的生成
math对象方法
Ceil 对数进行上取整
Floor 向下取整
Round 四舍五入
Random 返回0到1的随机数；
Math.round(math.random()*10)获取到0到10的随机整数
生成[m,n]随机数
//生成从minNum到maxNum的随机数function randomNum(minNum,maxNum){
switch(arguments.length){
case 1:
return parseInt(Math.random()*minNum+1,10);
break;
case 2:
return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10)
break;
default:
return 0;
break;
} }
变量的声明
Var 变量名
数组的创建
用array创建数组 var new = array(‘beijing’ ,’shanghai’);
用[] 创建数组 var new =[‘beijing’,’shanghai’];
属性
遍历
For 和 for...in
For( variable（数组下标） in object（变量名）){...}
数组中的方法
删除数组中的元素 pop shift splice
.pop()删除数组中的最后一个元素，返回删除的元素
.shift()删除数组中的第一个元素，返回删除的元素
.splic(起始位置，长度)从指定位置删除指定长度的数组，返回删除的元素
添加数组元素 push unshift splice
.push()在末尾添加一个或多个元素
.unshift()在开头添加一个或多个元素
.splic()从指定位置删除，指定长度的数组，并将新元素插入到删除的起始位置
修改指定元素的样式
修改元素自带的属性
//jq方式删除id为nice的元素 onclick属性function jqDelOnclick(){
$("#nice").removeAttr("onclick");
}
Math中的方法
math对象方法
Ceil 对数进行上取整
Floor 向下取整
Round 四舍五入
Random 返回0到1的随机数；
Date对象中的方法
获取年份 .getFullYear()
获取月份 .getMonth()
获取日期 .getDate()
获取小时 .getHours()
获取分钟 .getMinutes()
获取秒 .getSeconds()
获取星期 .getDay()
String对象中的方法
length 获取字符串长度
charAt(index) 获取index位置的字符，位置从0开始计算
indexOf(searchValue) 获取searcValue在字符串中首次出现的位置
last indexOf(searchValue) 获取searchValue在字符串中最后出现的位置
Substring(start[,end]) 截取从start位置到end位置之间的一个子字符串
Subtr(start[,length]) 截取冲start位置开始到length长度的子字符串
ToLowerCase() 获取字符串的小写形式
ToUpperCase() 获取字符串的大写形式
Split([separtor[,limit])使用separator分隔符将字符串分隔成数组，limit用于限制数量
Replace(str1,str2) 使用str2替换字符串中的str1，返回替换结果
函数的定义和调用
【函数的调用方式】
函数名称([函数名1，函数名2])
【函数的定义】
Function 函数名([参数1，参数2,.....]){
函数体
}
事件（鼠标事件、键盘事件、聚焦，失去焦点事件）
页面事件
load 当页面加载完毕后触发
Unload 当页面关闭时触发
焦点事件
Focus 当获取焦点时触发
Blur 当时去焦点时触发
鼠标事件
Click 当按下并释放任意鼠标按键时触发
Dbclick 当鼠标双击时触发
mouse over当鼠标进入时触发
Mouseout 当鼠标离开时触发
Change 当内容发生改变时触发 用于select对象
mouse down 当按下任意鼠标按键时触发
mouse move 在元素内当鼠标移动时持续触发
键盘事件
Keypress 键盘按键按下时触发 非字符键除外
Keydown 键盘按键按下时触发
Keyup 键盘按键弹起时触发
事件的触发条件
Onmouseover 鼠标移动到上面
Onmouseout 鼠标移除
Onfocus 获得焦点
Onload 页面加载完
Onunload 关闭页面时
元素的创建，追加，定时器
创建元素
crate element(‘’)
Inner html 浮动元素
定时器
Set interval (auto,100)
获取操作元素的方法
Document.getElementByid(‘ID名’)
Document.getElementByTagname(‘标签名’)
Document.getElementByName(‘name属性名’)
Document.getElementByClassname(‘class名’)
Document.querySelector("选择器")；返回的是一个元素对象
innerHTML（）和innerText()
InnerHTML 设置或返回元素开始和结束标签之间的HTML
innerText 设置或返回元素中去除所有标签的内容
操作元素样式的修改（.style.属性名）
Element.style.height=’100px’
Element.setAttribute(‘style’,’height:100px!important’);
简易计算器 （数据类型转换）
Function add()
{var first = document.getelementByid(‘fir’).value;
Var second= document.getelementByid(‘sec’).value;
Res = Number(first)+Number(second); Number进行类型转换，转换成数值型
Sent(res);
}
成绩等级划分 （if else）
Var socre=+prompt(‘请输入您的分数’)
If (socre>90){
Alter (‘优秀’);
}else if (socre>80){
Alter(‘良好’);}（以此类推 if条件满足则返回第一个，如不满足则进行下一个判断）
大小图案例 （数组）
For (var i=0;i请点击下方选择您需要的文档下载。
- 02写作强化20大必背范文-英语二
- 动词时态复习课件
- 最XX师大高中英语必修模块三生词表(带音标)
- python学习笔记(字典)
- S1U3reading教学设计
- Uite 6 Section A 教案
- 《市场营销专业英语》课程 题目星巴克文化策略
- Cooling Relief of Acute and Chronic Itch Requires
- 教案
- 走遍美国 听力练习1.1
- 唐代著作郎官述论
- 1.2 Tickets Please
- 实验报告文档
以上为《js复习重点》的无排版文字预览，完整内容请下载
js复习重点由用户“yanfs”分享发布，转载请注明出处