java自学：JavaScript

最新推荐文章于 2024-11-05 22:07:06 发布

零可

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量141

点赞数

本文链接：https://blog.csdn.net/lhw19960418/article/details/106736490

版权

JavaWeb + 黑马旅游网专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1、JavaScript简介

1.1、JavaScript-简介

在这里插入图片描述

1.2、JavaScript-发展史

在这里插入图片描述

2、JavaScript基础语法

2.1、JavaScript基础语法-与html结合方式

在这里插入图片描述

2.2、JavaScript基础语法-注释&数据类型

在这里插入图片描述

2.3、JavaScript基础语法-变量

在这里插入图片描述

2.4、JavaScript基础语法-变量-typeof

在这里插入图片描述

3、JavaScript运算符

3.1、JavaScript_语法_一元运算符

在这里插入图片描述

3.2、JavaScript_语法_算数&比较运算符

在这里插入图片描述

3.3、JavaScript_语法_逻辑运算符

在这里插入图片描述

3.4、JavaScript_语法_三元运算符

在这里插入图片描述

4、JavaScript特殊语法

在这里插入图片描述

5、JavaScript语法-流程控制语句

5.1、JavaScript语法-流程控制语句

在这里插入图片描述

5.2、JavaScript语法-练习-99乘法表

在这里插入图片描述

6、JavaScript对象

6.1、Function

在这里插入图片描述

6.2、Array

在这里插入图片描述

6.3、Date

在这里插入图片描述

6.4、Math

在这里插入图片描述

6.5、RegExp

在这里插入图片描述

6.6、Global

在这里插入图片描述

7、DOM和事件的简单学习

7.1、DOM简单学习

在这里插入图片描述

7.2、事件简单学习

在这里插入图片描述

7.3、案例1-电灯开关

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电灯开关</title>
</head>
<body>

<img id="light" src="img1/off.gif">

<script>

    var light = document.getElementById("light");
    var flag = false;
    light.onclick = function () {
        if(flag){
            light.src = "img1/off.gif";
            flag = false;
        } else {
            light.src = "img1/on.gif"
            flag = true;
        }
    }


</script>

</body>
</html>

8、BOM对象

8.1、BOM-概述

在这里插入图片描述

8.2、BOM-Windows-弹出方法

在这里插入图片描述

8.3、BOM-Windows-打开关闭方法

在这里插入图片描述

8.4、BOM-Windows-定时器方法

在这里插入图片描述

8.5、案例2-轮播图

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>



</head>
<body>

    <img id="img" src="img/banner_1.jpg" width="100%">
    <script>
        var number = 1;
        function fun() {
            number++;
            if(number > 3){
                number = 1;
            }
            var img = document.getElementById("img");
            img.src = "img/banner_" + number + ".jpg";
        }
        setInterval(fun,3000);

    </script>

</body>
</html>