☕导航小助手☕
🍚写在前面
🍣🍣5.1 变量
🦪🦪🦪5.1.1 基本用法
🍰🍰5.2 运算符
🥩🥩5.3 条件语句
🍝🍝5.4 循环语句
🍗🍗🍗5.5.2 下标越界
🧀🧀🧀5.5.3 新增元素
🎂🎂🎂5.5.4 删除元素
🍔🍔🍔5.6.1 函数的定义
🌮🌮🌮5.6.2 函数的调用
🥧🥧🥧5.6.3 函数表达式
🍯🍯5.7 对象
写在前面
在学习过了 HTML 和 CSS 之后，咱们就需要开始学习一个新的内容了 —— JavaScript ~
JavaScript 简称 JS（后面就都用 JS 来代替了）~
JS 和 Java 还是有一定的相似度的，但是在语法设计上还是存在着巨大的、典型的差异 ~
所以，博客会着重的介绍那些差异，与 Java 差不多的 就一笔带过了 ~
现在，就让我们开始进行 JS 的学习......
一、初识JS
JS是一门编程语言， 最初诞生于 1995年左右，其目的是实现 前端开发 ~
在当时，前端最火的语言是 Java（对，没错，就是 Java，当时 Java 是用来搞前端的） ~
于是，JS 为了蹭一下热度，于是由原来的名字 LiveScript 改为 JavaScript ~
但是，由于后来 微软(IE)公司 宣布不再支持 Java，于是 JS 趁机上位，一跃成为了 前端开发 最为核心的编程语言 ~
需要注意的是，JS 是运行在浏览器上的（浏览器里面内置了 JS引擎） ~
和其他的编程语言不一样，Java 是运行在 JVM 中，C/C++ 直接运行在操作系统上 ~
Java 和 JavaScript 的关系，就像雷锋和雷峰塔一样，就像印度和印度尼西亚一样，就像周杰和周杰伦一样，就像张三和张三丰一样，就像黑客和博客一样 ......
咳咳，扯多了 ~
如果想要了解更多的关于 JS 的背景知识的话，可以点击下面的传送门去看一看大神的网络日志：
当然，JS 也不仅仅满足于前端领域，也涉及到了一些其他的开发领域，如：
- 服务器开发（通过 node.js(框架/平台) ）
- 客户端程序开发（通过 Electron(框架) ）
- 手机app开发（通过 React native、Week、uniapp 等等技术框架）
二、第一个 JS 程序
在写 JS 程序的时候，在 script标签 里面的内容，就是 JS 代码 ~
script标签 里面的内容，就需要按照 JS 的语法来组织的 ~
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS 代码示例</title>
</head>
<body>
<script>
// 第一个 JS 程序
// alert函数 是浏览器提供的函数，其效果是：弹出一个对话框(可以点一下，然后使对话框消失)
alert("hello world");
</script>
</body>
</html>演示：
注意：
- HTML 的注释是 <!-- -->
- CSS 的注释是 /* */
- JS 的注释是 // 和 /* */
- 它们的快捷方式都是 ctrl + /
说明：
JS 中的字符串，可以使用单引号，也可以使用双引号 ~
三、如何在 HTML 中引入 JS
和 CSS 一样，在 HTML 中引入 JS 的方式也有三种：内嵌式、外部式、行内式 ~
3.1 内嵌式JS
内嵌式JS，就是：把 JS 直接写到 script标签 里 ~
比如说，上面的 第一个 JS 程序，就是一个 内嵌式JS ~
当然，当一个页面里面有多个 script标签 的时候，就会从上往下，依次的去执行（而不是 同时执行）~
示例：
演示：
3.2 外部式JS
外部式JS，就是：在外部单独写出一个 JS文件 ~
这个是实际开发中最主要的方式 ~
但是 为了避免麻烦，在下面的内容中，就使用 内联式JS 来介绍 ~
示例：
演示：
需要注意的是，使用了 src属性的 script标签，标签内部就不可以写 JS代码 了，写了也不会生效~
示例：
演示：
3.3 行内式JS
行内式JS，就是：在标签里面写 JS，通过一些属性来实现 ~
示例：
演示：
onlick 的意思，就是：点击的时候，发生了什么事情 ~
用户什么时候点击，JS代码就什么
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
