掌握 JavaScript 的基本语法-优快云博客

本文链接：https://blog.youkuaiyun.com/zxcv321zxcv/article/details/134168551

一、javascript书写位置

JavaScript 可以写在 HTML 页面中的以下三个位置：

内联脚本：将 JavaScript 代码直接写在 HTML 元素的 onclick、onload、onsubmit 等事件属性中。例如：

<button onclick="alert('Hello World')">点击我</button>

<script> 标签：将 JavaScript 代码写在 <script> 标签中，可以放在 HTML 页面的 <head> 或 <body> 中。例如：

<!-- 放在 head 中 -->
<head>
  <script>
    function sayHello() {
      alert('Hello World');
    }
  </script>
</head>

<!-- 放在 body 中 -->
<body>
  <script>
    console.log('Hello World');
  </script>
</body>

外部文件：将 JavaScript 代码写在外部文件中，以 .js 后缀保存，并在 HTML 页面中通过 <script> 标签引用。例如：
```
<head>
  <script src="main.js"></script>
</head>
```
二、JavaScript 注释

注释是JavaScript代码中用于解释说明的文本，它不会被浏览器执行。注释能够帮助程序员了解代码的意图和实现方法，方便日后代码的修改和维护。

JavaScript支持两种注释方式：

1、单行注释

单行注释以//开头，可在一行的任何位置使用，表示该行代码后的所有内容都将被忽略。

例如：

// 这是一个单行注释
console.log("Hello, world!"); // 这也是一个单行注释

2、多行注释

多行注释以/开始，以/结束，可以跨越多行，表示这之间的所有内容都将被忽略。

例如：

/*
这是一个多行注释
这里可以写多行注释的内容
*/
console.log("Hello, world!"); // 这是一行正常的代码

注：注释中不能套用注释，即使多行注释中有单行注释，也会被当作普通文本处理。

三、alert 语句

JavaScript alert语句用于显示一个弹出式窗口，通常用于向用户提供消息或提示。在弹出式窗口中将显示一条消息，并在用户单击“确定”按钮时关闭该窗口。

alert()语句的语法很简单：

alert("这里是要显示的文本");

其中，要显示的文本必须放在引号中。例如：

alert("欢迎来到JavaScript世界！");

在用户单击弹出窗口中的“确定”按钮之前，脚本将停止执行。

下面是一个alert()语句的基本示例：

<!DOCTYPE html>
<html>
<body>

<script>
alert("这是一条重要的消息！");
</script>

</body>
</html>

代码执行时，将在页面上弹出一个消息框，其中包含一条消息文本“这是一条重要的消息！”，如下图所示：

在实际的项目中，可以使用alert()语句向用户提供错误消息、验证消息、系统状态等信息。

需要注意的是，alert()语句的使用频率应尽量减少，因为它会中断JavaScript程序的执行。如果您需要经常向用户提供消息，请考虑使用其他更友好的UI组件，如模态框、弹出菜单或通知面板。

四、prompt 语句

prompt()是JavaScript中的一种对话框，它用于向用户提供输入框，接收用户输入的值，并返回该值。下面是一些常见的用法：

1.提示用户输入内容，并返回该内容。

var name = prompt("请输入你的名字");
console.log(name);

2.提示用户输入内容，同时设置默认值，如果用户不输入任何内容，则返回默认值。

 var name = prompt("请输入你的名字", "Tom");
 console.log(name);

3.提示用户输入内容，并限制输入字符数。

var msg = prompt("请输入你的留言（不超过20个字符）");
if(msg.length > 20) {
   alert("留言超过20个字符");
} else {
   console.log(msg);
}

需要注意的是，用户输入的值始终是字符串类型，如果需要其他类型，则需要进行类型转换。

下面是一个完整的代码示例：

var age = prompt("请输入你的年龄");
if(age === null) {
   // 用户点击了取消按钮
   alert("你取消了输入");
} else if(isNaN(parseInt(age))) {
   // 用户输入的不是数字
   alert("请输入数字");
} else {
   // 用户输入了数字
   age = parseInt(age);
   if(age >= 18) {
      alert("你已经成年了");
   } else {
      alert("你还未成年");
   }
}