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