内容来源:https://www.w3school.com.cn/js/index.asp
w3cshool是官方教程,看起来比较清楚,视频大多时间太冗长。以下内容多摘自w3cshool。
一、js整体学习路线
1、基础知识,数据类型等
2、js对象
3、函数
4、DOM全部内容
5、BOM-js window
二、基础知识
1、显示:
window.alert("")
document.write("")
innerHTML(),document.getElementById(id).innerHTML=
2的10次幂 2**10
2、js中只有一种数值类型,即2=2.00
0.001=1e-3
js数据类型中的对象{}
3、typeof 确定变量类型,
null数据类型是对象,undefine类型就是undefine!=null
4、调用function更方便,可以直接在变量中调用
注:在function中定义的变量在函数外不能使用
5、对象也可以有方法,方法即function函数,方法是属性值
6、字符串方法、
a=num.length
b=num.indexOf(“x”)x在num第一次出现的位置,search()也是返回第一次位置
search() 方法无法设置第二个开始位置参数。
indexOf() 方法无法设置更强大的搜索值(正则表达式)
str.slice(3,6)提取3_6位置
toUpperCase,toLowercase转换为大小写字符
concat()连接字符串,+效果一样
7、数字方法
toString()转换为字符串
8、数组 array=[1,3,5] array.posh(“zimu”) array.posh(7)
push() 方法;//向数组添加新元素的最佳方法是使用
fruits.pop();// 从 fruits 删除最后一个元素
join() 方法也可将所有数组元素结合为一个字符串
sort() 方法以字母顺序对数组进行排序
reverse() 方法反转数组中的元素
forEach() 方法为每个数组元素调用一次函数numbers.forEach(myFunction);
map:创建新数组numbers2 = numbers1.map(myFunction);
9、时间 d = new Date();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="demo">text</p>
<button type="button" onclick="myfunction()">点击</button>
<script>
function myfunction() {
var jubu=2;
document.getElementById("demo").innerHTML = "text被更改";
}
var jubu=2;
document.write(jubu+2);
var jubu2=3;
document.write("jubu2");
var person={name:"404",age: "25"};
// 2 创建person对象,该对象包括name和age两个属性,属性值分别是404和25,注意引号和逗号
var dog= {age:"2",
do:function wangwang() {
return this.age;
// 5 这里的this是指dog对象,这个对象可以有age和do属性
}
};
</script>
</body>
</html>
注:方法函数很多,不必每个都记,要用时查w3cshool手册即可。