01_初识JavaScript

news/2025/12/8 8:08:23/文章来源:https://www.cnblogs.com/sinosecurity/p/19319557

1，JavaScript 概述

Javascript 可以运行在浏览器和 nodejs 中。

语言特点
- 解释性、基于对象、事件驱动、跨平台、安全性。
- (1)解释性。JavaScript不同于一些编译性的程序语言，如C、C++等，它是一种解释性的程序语言，其源代码不需要经过编译，而是直接在浏览器运行时被解释。
- (2)基于对象。JavaScript是一种基于对象的语言，这意味着它能运用已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
- (3)事件驱动。JavaScript可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应是以事件驱动的方式进行的。所谓事件驱动，是指在主页中执行了某种操作所产生的动作，此动作被称为事件。例如，按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生时，可能会引起相应的事件响应。
- (4)跨平台性。JavaScript依赖于浏览器本身，与操作环境无关，只要是能运行浏览器的计算机，就可以正确执行。
- (5)安全性。JavaScript是一种安全性语言，不允许访问本地的硬盘，不能将数据存入服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，因此可有效地防止数据的丢失。

2，webStorm

使用 webstorm 进行前端开发

3，javascript 在 HTML 中的应用

在 web 页面使用 javascript 的方式有 3 中：
- 1，在 html 页面的<script>标签中实现 js 代码。
- 2，通过<script>引用外部标签。
- 3，作为标签的属性值，通过javascritp:调用，例如javascript:alert('test')

<scritp>标签属性说明

language属性，用来指定HTML中使用的脚本语言及其版本。

如果不定义language属性，浏览器默认使用的脚本语言为JavaScript 1.0

src属性，指定外部脚本的地址。

type属性：用来指定HTML中使用的脚本语言及其版本。自HTML 4.0标准开始，推荐使用type属性来代替language属性。type属性的使用格式如下。

defer属性：用于设置文档加载完毕后再执行脚本语言。当脚本语言不需要立即运行时，可以设置defer属性，此时浏览器将不必等待脚本语言装载，这样页面加载会更快。若脚本语言需要在页面加载过程中或加载完成后立即执行，则不能使用defer属性。defer属性的使用格式如下。

3.1，在 <scritp>……</script> 中实现 js 代码

3.2，引用外部代码

注意
- (1)在外部JavaScript文件中，不能将脚本代码用<script>…</script>标记括起来。
- (2)使用src属性引用外部JavaScript文件时，<script>标记中不能包含其他JavaScript代码。
- (3)在<script>标记中使用src属性引用外部JavaScript文件时，不能省略</script>结束标记。

3.3，使用`javascript:`

和事件结合

4，js 的基本语法

4.1 执行顺序

JavaScript程序按照在HTML文件中出现的顺序逐行执行。

如果需要在整个HTML文件中执行（如函数、全局变量等），最好将其放在HTML文件的<head>…</head>标记中。

某些代码，如函数体内的代码，不会被立即执行，只有当所在的函数被其他程序调用时，该代码才会被执行。

4.2 字母大小写

Javascript 代码对大小写敏感

Html 代码对大小写不敏感。

注意

HTML并不区分大小写。由于JavaScript和HTML紧密相连，因此很容易混淆。许多JavaScript对象和属性与其代表的HTML标签或属性同名，在HTML中，这些名称可以以任意的大小写方式输入而不会引起混乱，但在JavaScript中，这些名称通常以小写字母表示。例如，HTML中的事件处理器属性ONCLICK通常被声明为onClick或OnClick，而在JavaScript中只能使用onclick。