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();

<!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手册即可。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值