1、JavaScript基础-优快云博客

本文全面介绍了JavaScript的基础知识，包括语言概述、使用方式、变量定义、数据类型、函数定义与调用、条件判断、逻辑运算符、DOM操作、循环语句、字符串处理等内容，适合初学者快速入门。

JavaScript基础

1. Javascript的介绍
2. Javascript的使用方式
3. 变量的定义和数据类型
4. 函数的定义和调用
5. 条件判断结合比较运算符
6. 逻辑运算符
7. 获取标签元素
8. 获取和设置标签内容（innerHTML）
9. 循环语句
10. 字符串拼接
11. js总结

1. Javascript的介绍

运行在浏览器的脚本语言，由浏览器解释执行

2. Javascript的使用方式

行内式
内嵌式
外链式

3. 变量的定义和数据类型

number：数字类型
string：字符串
boolean：布尔，true或false
undefined：变量声明未初始化
null：空对象
object：符合类型
变量命名（匈牙利命名）
1. 对象Object：oDiv
2. 数组Array：aDiv
3. 字符串String：sDiv
4. 整数Integer：iDiv
5. 布尔值Boolean：bDiv
6. 浮点型Float：fDiv
7. 函数Function：fnDiv

4. 函数的定义和调用

函数中返回值用return关键字，同时代表函数执行结束

5. 条件判断结合比较运算符

条件语句
1. if
2. if……else
3. if……else if……else
比较运算符
1. ==：等于
2. ===：全等（值和类型）
3. !=：不等于
4. >：大于
5. <：小于
6. >=：大于或等于
7. <=：小于或等于

6. 逻辑运算符

&&：and
||：or
!：not

7. 获取标签元素

根据标签id获取标签
```
document.getElementById("");
```
注意：要等到画面标签加载完成才能找到，为了避免找不到，将js放到页面最下面或者使用下面的写法。
```
 window.onload = function() {
     document.getElementById("");
 }
```

8. 获取和设置标签内容（innerHTML）

获取或者设置标签包裹的内容

9. 循环语句

for
while
do……while

10. 字符串拼接

字符串和数字类型拼接，底层自动把数字类型转换为字符串类型，这种操作叫隐式类型转换

11. js总结

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 外链式 -->
    <script src="*.*"></script>
    <!-- 内嵌式 -->
    <script type="text/javascript">
        // 定义变量
        var iNum = 0;
        // 定义多个变量
        var sName = "user", sPwd = "pass";

        // 函数定义
        function fnAlert(sName, sPwd) {
            alert(sName + sPwd);
        }
        // 函数调用
        fnAlert(sName, sPwd);

        // 通过ID获取标签，innerHTML
        window.onload=function(){
            var dv1 = document.getElementById("dv1");
            dv1.innerHTML="<a href='http://www.ccblogs.com'>ccblogs</a>";
        }

        // 数组
        var aItems1 = new Array(1,2,3);
        var aItems2 = [1,2,3];
        // 多维数组
        var aLst = [[1,2,3], ['a', 'b', 'c']];
        // 追加数据
        aItems1.push(4);
        // 删除最后一个数据
        aItems1.pop();
        // 插入数据
        // 1. 开始删除的索引
        // 2. 删除的个数
        // 3. 插入的数据
        aItems1.splice(1, 2, 4, 5);
        // 根据时间间隔调用一次函数的定时器
        // 1. 定时器要执行的函数
        // 2. 时间间隔
        // 3. 参数，多个参数使用逗号进行分割
        var tid = setTimeout(fnAlert, 2000, sName, sPwd);
        // 销毁定时器
        clearInterval(tid);
        // 根据时间间隔重复调用函数的定时器
        setInterval(fnAlert, 2000, sName, sPwd);
    </script>
</head>
<body>
    <div id="dv1"></div>
</body>
</html>