Java培优班 - 第二十六天 - JavaScript - Part 1 - 基本语法、练习 - (电灯开关、dom操作、网页换肤)

文章目录

    • 4.1JavaScript简介
      • 4.1.1什么是JavaScript(了解)
      • 4.1.2JS特点和优势(了解)
      • 4.1.3在HTML书写JS的方式(掌握)
    • 4.2JavaScript语法
      • 4.2.1注释格式
      • 4.2.2数据类型
        • 1、基本数据类型
        • 2、复杂数据类型
      • 4.2.3 变量声明
      • 4.2.4 JS运算符
      • 4.2.5 JS语句
        • 1、if分支结构
        • 2、switch语句
        • 3、for循环语句 -- 循环代码块一定的次数
        • 4、while循环 -- 在指定条件为真时循环执行代码块
        • 案例1:if分支案例
        • 案例2:switch语句案例
        • 案例3:for循环语句案例
        • 案例4:while循环语句案例
      • 4.2.6 JS数组
  • ∗ ∗ 重 点 ∗ ∗ \color{#f01}{* * 重点 * *} :js 数组长度可变
      • 4.2.7 JS函数
      • 4.2.8 综合练习
        • 练习1
        • 练习 03-电灯开关
        • 练习 04-元素的dom操作
        • 练习:05-网页换肤
    • 总结
        • 查找元素
        • 增删改元素


4.1JavaScript简介

4.1.1什么是JavaScript(了解)

全称JavaScript,简称JS,由Netscape公司提供的。
是嵌入在html网页中的一门脚本语言,专门用于实现网页的交互。
JS嵌入在网页中,由浏览器负责解析并执行。为网页添加各式各样的动态效果或为表单添加校验,为用户提供更好的浏览体验。
JS语言和其他语言一样,有自身的基本数据类型、表达式、运算符、语句等程序的基本组成部分。
JS目前已经被广泛的用于web应用开发。

4.1.2JS特点和优势(了解)

1、特点:
(1)JS是一门直译式的语言,直接执行源代码(是一边解释一边执行,不像Java需要提前编译为class文件再运行)
(2)JS是一门弱类型的语言

2、优势:
(1)良好的交互性
(2)一定的安全性
(3)跨平台性(有浏览器的地方就可以执行JS)

4.1.3在HTML书写JS的方式(掌握)

1、在script标签内部可以书写JS代码:
示例:

<head>
	...
	
	<script>
		alter("引入JS的第一种方式...");
	script>
head>

script标签可以放在head或body或页面的其他位置中,通常会放在head或body中