嶙峋疾

石头能有什么问题？

JavaScript自学笔记

JS基础

Web APIs

书写位置

<body>
    html内容
    <script>
        内嵌式JS书写位置
    </script>
    <script src="外部式.js"></script>
</body>
阅读更多

数据类型

转换为数字型：

parseInt('整数') parseFloat('浮点数')

隐式转换（- * / ）'数字' -0

阅读更多

流程控制

if else if分支语句：

if (条件表达式) {
    条件成立执行的语句1;
} else if (条件表达式2) {
    语句2;
} else if (条件表达式3) {
    语句3;
} else {
    最后执行的语句;
}
阅读更多

数组

var arr = [];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]); // 遍历数组
    arr[i] = i +1; // 追加元素
}
阅读更多

函数

声明函数：

function 函数名(形参1, 形参2...) {
    函数体代码
    return 需要返回的结果 // 返回一个值并终止函数
}

调用函数：

函数名(实参1, 实参2...); // 通过调用函数名来执行函数体代码
阅读更多

对象

创建对象1./2.：

// 1.利用字面量创建对象
var obj = {
    property1: '属性1',
    property2: '属性2',
    operateMethod: function() {
        // 匿名函数作方法;
    }
}
// 2.利用new Object创建对象
var obj = new Object();
obj.property1 = '属性1';
obj.property2 = '属性2';
obj.operateMethod = function() {
}
阅读更多

内置对象

arguments对象

存储所有传递过来的实参

是一个伪数组：具有length属性，按索引方式储存数据，不具有数组的push、pop等方法

Math对象

非构造函数

阅读更多

变量声明

  • const优先
  • 数组和对象尽量用const声明（引用数据类型修改不会报错）
  • 简单数据类型用let声明

DOM

  • Document Object Model（文档对象模型）
  • 操作网页内容
  • 开发网页内容特效和实现用户交互
阅读更多

DOM – 获取元素

根据CSS选择器来获取DOM元素

1. 选择匹配的第一个元素

语法：document.querySelector('CSS选择器') 参数：包含一个或多个有效的CSS选择器字符串 返回值：CSS选择器匹配的第一个元素，一个HTMLElement对象。如果没有匹配到，则返回null。

阅读更多