web前端--JavaScript(二)基础知识

内容来源: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();

1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>Title</title>
6
</head>
7
<body>
8
<p id="demo">text</p>
9
10
<button type="button" onclick="myfunction()">点击</button>
11
12
<script>
13
    function  myfunction() {
14
        var jubu=2;
15
        document.getElementById("demo").innerHTML = "text被更改";
16
    }
17
    var jubu=2;
18
    document.write(jubu+2);
19
    var jubu2=3;
20
    document.write("jubu2");
21
    var person={name:"404",age: "25"};
22
    // 2 创建person对象,该对象包括name和age两个属性,属性值分别是404和25,注意引号和逗号
23
    var dog= {age:"2",
24
        do:function wangwang() {
25
            return this.age;
26
            // 5 这里的this是指dog对象,这个对象可以有age和do属性
27
        }
28
    };
29
30
</script>
31
32
</body>
33
</html>

注:方法函数很多,不必每个都记,要用时查w3cshool手册即可。