JavaScript基础语法一(语句、注释、变量)

最新推荐文章于 2024-11-08 16:09:18 发布

努力做一只合格的前端攻城狮

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量685

点赞数 6

分类专栏：扩展 Javascript 文章标签： javascript 开发语言 ecmascript 前端

本文链接：https://blog.csdn.net/shao_xuan_/article/details/120894549

版权

Javascript 同时被 2 个专栏收录

25 篇文章 3 订阅

订阅专栏

扩展

17 篇文章 1 订阅

订阅专栏

本文详细介绍了如何在HTML中插入JavaScript代码，包括内联和外部引用方式。此外，讲解了JavaScript的基本语句、注释的使用以及变量的声明与赋值。建议将<script>标签置于HTML文档底部，以优化页面加载。良好的编程习惯包括在语句末尾添加分号和使用注释来提高代码可读性。

摘要由CSDN通过智能技术生成

@TOC

1、准备工作

编写JavaScript脚本不需要任何特殊的软件，一个文本编辑器和一个Web浏览器就可以了。

用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。
一、将JavaScript代码放到<script>标签之间：

<!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>Document</title>
    <script>
        JavaScript goes here...
    </script>
</head>
<body>
    Mark-up goes here...
</body>
</html>

二、把JavaScript代码存为一个扩展名为。js的独立文件。典型的作法是在文档的head部分放一个<script>标签，并把它的src属性指向该文件：

<!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>Document</title>
    <script src="./file.js"></script>
</head>
<body>
    Mark-up goes here...
</body>
</html>

最好的做法是把<script>标签放到HTML文档的最后，<body>标签之前：

<!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>Document</title>
</head>
<body>
    Mark-up goes here...
    <script src="./file.js"></script>
</body>
</html>

2、语句

用JavaScript编写的脚本，是由一系列的指令构成，这些指令叫做语句。只有按照正确的语法编写出来的语句才能得到正确的解释。
在JavaScript中，只需要把各条语句放在不同的行上就可以分隔它们，如下所示：

firsr statement
second statement

如果你想把多条语句放在同一行上，就必须像下面这样用分号来分割它们：

firsr statement；second statement；

建议在每条语句的末尾都加上一个分号，这是一种良好的编程习惯：

first statement;
second statement;

3、注释

注释能有效的帮助你了解代码流程。用两个斜杆作为一行的开始。

//自我提醒：
//有注释是好事

如果注释有很多行。可以在注释的开头加一个/*,在注释的结尾加一个*/。

/*自我提醒：
有注释是好事*/

还可以使用HTML的风格注释，但这种做法仅适合单行注释，在js解释器中对<!--的处理和对//的处理是一样的。

4、变量

在日常生活中，有些东西是固定不变的，有些东西是发生变换的，人们把那些发生变换的东西称为变量。把值存入变量的操作称为赋值。如果把心情mood赋值为happy,把年龄赋值为33。
在JavaScript中可以这样给这些变量赋值：

mood="happy";
age=33;

变量在赋值后，就说该变量包含这个值。我们可以用如下语句把这两个变量的值显示在一个弹出式警告窗口中：

alert(mood);
alert(age);

下图是一个显示mood的例子。
在这里插入图片描述
下图是一个显示age的例子。

JavaScript允许程序员直接对变量赋值而无需事先声明。在JavaScript脚本中，如果没有对某个变量声明，赋值操作将自动声明变量。但提前声明变量是一种良好的编程习惯。
下面的语句对变量mood和age做出了声明：