掌握 JavaScript 的基本语法

一、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("你还未成年");}
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/126789.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！