JavaScript中的输出选定选项

在JavaScript中，我们可以使用多种方式将输出显示在浏览器控制台或页面上。本文将介绍一些输出选定选项。

console.log()

console.log() 是最基本的输出选项，它将内容显示在浏览器控制台中。使用方法如下：

console.log('hello world');

输出结果：

hello world

我们可以使用多个参数来打印多个值，中间用逗号分隔：

console.log('hello', 'world');

输出结果：

hello world

document.write()

document.write() 可以将内容直接写入页面中。使用方法如下：

document.write('hello world');

输出结果：

hello world

需要注意的是，如果这个函数在页面加载之后被调用，它会覆盖整个页面。因此，我们不应该在页面加载后使用这个函数。

innerHTML

innerHTML属性可以将内容插入到HTML元素中。使用方法如下：

document.getElementById('output').innerHTML = 'hello world';

在页面中使用以下HTML代码：

<p id="output"></p>

输出结果：

hello world

alert()

alert() 函数将内容以警告框的形式显示在页面中。使用方法如下：

alert('hello world');

输出结果：

需要注意的是，这个函数会阻塞代码的执行，直到用户点击“确认”按钮。

confirm()

confirm() 函数将内容以确认框的形式显示在页面中。使用方法如下：

if (confirm('确定要离开吗？')) {
  // 用户点击了“确定”按钮
} else {
  // 用户点击了“取消”按钮
}

输出结果：

需要注意的是，这个函数会阻塞代码的执行，直到用户点击“确认”或“取消”按钮。

prompt()

prompt() 函数将内容以提示框的形式显示在页面中，并允许用户输入内容。使用方法如下：

let name = prompt('请问你的名字是？', '');
alert('你好，' + name + '！');

输出结果：

需要注意的是，这个函数会阻塞代码的执行，直到用户点击“确认”或“取消”按钮，并且用户输入的内容以字符串的形式返回。

以上就是JavaScript中的输出选定选项，分别对应了不同的场景和需求。学会使用这些选项可以让我们更加灵活和方便地输出内容。