1.alert() 的使用
直接编写如下代码即可实现 弹出警示框：alert('我是在弹出警示框输出的信息');
2.console.log() 的使用
直接编写如下代码即可实现 在控制台打印输出信息: console.log('我是在控制台输出的信息');
3.prompt() 的使用
直接编写如下代码即可实现 弹出输入框，让用户输入内容: var info = prompt();
注：声明变量 info 用于接收用户通过弹出框输入的内容。
三个方法在html页面中使用的代码示例如下：
<!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>js 常用的三个方法</title>
</head>
<body>
<button id="btnAlert">alert() 弹出警示框</button>
<button id="btnConsoleLog">console.log() 在控制台打印输出信息</button>
<button id="btnPrompt">prompt() 弹出输入框，用户可输入内容</button>
<button id="btnConfirm">confirm() 确定/取消 选择框</button>
<script>
// alert() 的使用
document.querySelector('#btnAlert').onclick = () => {
alert('我是在弹出警示框输出的信息');
};
// console.log() 的使用
document.querySelector('#btnConsoleLog').onclick = () => {
console.log('我是在控制台输出的信息');
};
// prompt() 的使用
document.querySelector('#btnPrompt').onclick = () => {
var info = prompt();
console.log('用户通过 prompt() 弹出输入框 输入的内容是：'+info);
};
// confirm() 的使用
document.querySelector('#btnConfirm').onclick = () => {
var result = confirm('确定选择确定吗？');
result = result ? '选择了确定':'选择了取消';
console.log(result);
};
</script>
</body>
</html>PS: 最后一个按钮的处理函数中写的是一个 确定/取消 选择框的基本使用，基本使用逻辑为：confirm() 用于调出选择框，变量 result 用于接受用户选择的结果（确定：true，取消：false），然后将结果转换为文字在控制台打印。
461
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
