注意,本篇文章仅供期末复习参考,非必考内容
- 1 简答题常考知识点
- 1.1 用两种方式定义对象、数组及函数
- 1.2 简述事件流、事件冒泡、事件捕获
- 1.3 DOM 节点操作
- 1.3.1 创建节点
- 1.3.2 添加节点
- 1.3.3 删除节点
- 1.3.4 复制节点(克隆节点)
- 1.3.5 获取节点
- 1.4 简述结束循环的三个关键字
- 1.5 简述JavaScript 中“== ”和 “=== ”的区别
- 2 应用题常考知识点
- 2.1 jQuery应用题
- 2.2 JavaScript基础程序题
- 2.3 JavaScript基础程序题
- 3 JavaScript基础知识
- 3.1 选择题常考知识点
- 3.2 判断题常考知识点
- 3.3 填空题常考知识点
对象的创建:
(1)利用字面量创建对象
var person ={
name: "lisi",
age: 21,
family: ["lida","lier","wangwu"],
say: function(){
alert(this.name);
}
};
(2)利用new Object 创建对象
var person = new Object();
person.name = "lisi";
person.age = 21;
person.family = ["lida","lier","wangwu"];
person.say = function(){
alert(this.name);
}
(3)利用构造函数创建对象
function Person(name,age,family) {
this.name = name;
this.age = age;
this.family = family;
this.say = function(){
alert(this.name);
}
}
var person1 = new Person("lisi",21,["lida","lier","wangwu"]);
数组的创建:
(1)使用new Array()创建数组
var arr=new Array(); 创建一个新的空数组
(2)使用字面量来创建数组
var arr=[] 创建一个新的空数组 var arr=[1,2,3,4,5,true,'芙蓉']
函数的创建:
(1)声明式:解析器会先读取函数声明,并使其在执行任何代码之前可以访问;
function Function1(x,y){
return x + y;
}
(2)匿名式:必须等到解析器执行到它所在的代码行才会真正被解释执行
var fn=function(x,y){
return x + y ;
}
1.2 简述事件流、事件冒泡、事件捕获
事件流: 事件发生时,会在发生事件的元素节点与DOM树根节点之间按照特定的顺序进行传播,这个传播过程就是事件流。
事件捕获: 事件传播的初始场景,从包装元素开始,一直到启动事件生命周期的目标元素。
事件冒泡: 从一个子元素开始,在 DOM 树上传播,直到最上面的父元素事件被处理。
1.3 DOM 节点操作 1.3.1 创建节点
document.createElement() 创建由tagName 指定的 HTML 元素1.3.2 添加节点
node.appendChild() 将一个节点添加到指定父节点的子节点列表末尾 node.insertBefore() 将一个节点添加到父节点的指定子节点前面1.3.3 删除节点
node.removeChild() 从DOM中删除一个子节点,返回删除的节点1.3.4 复制节点(克隆节点)
node.cloneNode() 返回调用该方法的节点的一个副本1.3.5 获取节点
document.getElementById(); //id名, document.getElementsByTagName(); //标签名 document.getElementsByClassName(); //类名 document.getElementsByName(); //name属性值,一般不用 document.querySelector(); //css选择符模式,返回与该模式匹配的第一个元素,结果为一个元素;如果没找到匹配的元素,则返回null document.querySelectorAll() //css选择符模式,返回与该模式匹配的所有元素,结果为一个类数组
1.4 简述结束循环的三个关键字
- break: 用于退出switch语句或循环语句;
- continue: 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代;
- return: 用于终止函数的执行并返回函数的值。
break是结束整个循环体;continue是结束单次循环;return是结束整个函数。
1.5 简述JavaScript 中“== ”和 “=== ”的区别
“==”: 用来进行一般比较,检测两个操作数是否相等,可以允许进行类型转换。
“===”: 用于严格比较,首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等,只要类型不匹配就返回flase。
2 应用题常考知识点 2.1 jQuery应用题
-
append()的作用:把元素添加到匹配元素内部的最后面
-
如何绑定click事件:
$("div").click(function(){ 通过事件方法绑定[单击]事件
$(this).css("background","red");
}
)
$("div").on("click",function(){ 通过on()方法绑定[单击]事件
$(this).css("background","yellow");
}
)
- 层级选择器的方式
- CharAt的作用:返回指定索引位置处的字符
function charAtTest(n){
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; // 初始化变量
var s; // 声名变量
s = str.charAt(n - 1); // 从索引为n – 1的位置处获取正确的字符。
return(s); //返回字符
}
- 数组push:向数组中添加新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
输出:Banana,Orange,Apple,Mango,Kiwi
- 分析代码块的作用:略
2.2 JavaScript基础程序题
1.输入数据
var name = prompt('请输入您的名字'); //会在输入窗显示给用户看的提示信息
alert(name); // 打印用户名字
2.if … else等基本语句使用
if (condition1)
{
当条件1为true时执行的代码
}
else if (condition2)
{
当条件2为true时执行的代码
}
else
{
当条件1和条件2都不为true时执行的代码
}
2.3 JavaScript基础程序题
3 JavaScript基础知识 3.1 选择题常考知识点
- JavaScript:动态、弱类型、非数据驱动、编译型
- 事件驱动不属于JavaScript的类型
- JavaScript(第一版)诞生在1995年五月
- JavaScript 保留关键字
- arguments 是一个对应于传递给函数的参数的类数组对象
- 在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object
- “==”的例子
var valueOne = 3;
var valueTwo = "3";
if (valueOne == valueTwo) {
console.log("相等");
} else {
console.log("不相等");
}
输出:相等
- oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
- var变量提升问题
console.log(a); //输出:undefined
var a = 1;
console.log(a); // 输出:1
-
在JavaScript 中,使用 document 对象的 createElement() 方法能够根据参数指定的标签名称创建一个新的元素,并返回新建元素的引用。
-
window对象中关于时间方面的两个常用方法
-
navigator对象包含有关访问者浏览器的信息,可以被用来检测客户端的浏览器配置。
-
箭头函数可以使用return返回数据
- (HTTP)源服务器未能找到目标资源,显示:404
- Set不允许值重复;Map提供了键值对
- for of可以遍历Map
- css可以设置元素的样式
- jQuery中on()方法可以进行事件绑定
- 在JQuery中,使用each()方法可以遍历元素
- 判断数据类型的方法:typeof()
- js中定义常量的关键字:const
- Js中 Symbol 对象 ES6 引入了一种新 的 基本数据类型,表示独一无二的值:symbol
- js中,失焦触发onblur(),获取焦点出发onfocus(),元素的值发生改变时触发onchange()。
- 在jQuery中封装ajax最基础的方法:$.ajax()



