---
title: "IT课程 JavaScript基础 035_HelloJavaScript"
date: 2024-02-21T17:20:00.000Z
tags: ["IT课程", "HTML课程", "CSS课程", "JavaScript课程", "Java课程", "计算机系统与网络", "JavaScript基础", "JavaScript简介", "JavaScript使用"]
categories: ["学习", "JavaScript基础"]
canonical: https://www.zhaojian.net/it-course-javascript-035/
author: 赵健
---

JavaScript 是一种高级动态面向对象的编程语言，也是世界上最流行的编程语言之一。它主要用于 Web 开发，但也广泛应用于服务器端开发、游戏开发、移动开发和其他领域。

JavaScript最初由Netscape公司的布兰登·艾克 （Brendan Eich） 在1995年设计和实现，最初被称为"LiveScript"，后来改名为JavaScript。

1997 年，ECMA 国际组织（欧洲计算机制造商协会）发布了 ECMAScript 标准，该标准定义了 JavaScript 的语法和语义。ECMAScript 标准的发布使 JavaScript 成为一种标准化的语言，并得到了所有主要浏览器的支持。

JavaScript不同于Java，尽管它们的名字相似，但它们是两种不同的编程语言。JavaScript主要用于前端开发，通过浏览器执行，而Java通常用于后端开发，并且是一种独立的编程语言。

JavaScript具有以下主要特点：

- **易于学习和使用**：JavaScript 语法相对简单，即使是没有编程经验的人也能很快上手。
- **动态性：** JavaScript是一种动态语言，变量的类型可以在运行时进行动态更改。
- **面向对象：** JavaScript支持面向对象编程（OOP）的概念，包括封装、继承和多态。
- **事件驱动：** JavaScript通常通过处理事件来实现与用户的交互，例如点击按钮、输入文本等。
- **脚本语言：** JavaScript是一种脚本语言，它通常被解释而不是编译。这使得它可以直接在浏览器中执行。

随着时间的推移，JavaScript逐渐发展为一门通用的编程语言，不仅仅用于前端开发，还用于服务器端开发（使用Node.js）以及游戏开发、移动应用等程序开发。

JavaScript 在其他领域的应用包括：

- 服务器端开发：使用 Node.js 等平台，JavaScript 可以用于开发服务器端应用程序。
- 游戏开发：JavaScript 可以用于开发网页游戏和移动游戏。
- 移动开发：JavaScript 可以用于开发混合移动应用程序。


### 如何使用JavaScript

##### 内部 JavaScript

在HTML文档内，通过`<script>`标签将JavaScript代码嵌入在`<head>`或`<body>`标签中。这样的脚本会在页面加载时执行。推荐在`</head>`或`</body>`结束标签前引入

示例：

```html
    <!-- head区域 -->
    <script>
        alert('Hello 内部JavaScript!');
    </script>
    <!-- head区域 -->
```

效果：

![示例效果](/uploads/2024/02/Code_0214003.png)
![示例效果](/uploads/2024/02/msedge_0214006.png)

##### 外部 JavaScript

将JavaScript代码保存在独立的文件中，通过`<script>`标签的`src`属性引用外部文件。这有助于代码的复用和维护。

示例：

```html
	<script src="script.js"></script>
```

```js
	alert('Hello 外部JavaScript!');
```

效果：
![示例效果](/uploads/2024/02/Code_0214008.png)

![示例效果](/uploads/2024/02/msedge_0214016.png)

##### 内联 JavaScript

内联引用是将JavaScript代码直接写在HTML标签的事件属性中，通常用于处理简单的、特定的交互或事件。如：事件处理、DOM操作

示例：

```html
	<a href="javascript:alert('Hello JavaScript!')">JavaScript测试</a>
```

效果：

![示例效果](/uploads/2024/02/Code_0216005.png)
![示例效果](/uploads/2024/02/firefox_0216006.png)