JavaScript 中输出信息的六种常用方法

JavaScript 输出信息概述

在 JavaScript 开发中，向用户展示信息或获取反馈有多种实现方式。

文档流与模态对话框输出

第一种方式是通过文档流直接输出内容。

document.write('hello');

第二种方式是使用模态对话框进行信息提示，该方法会阻塞用户操作直至关闭。

window.alert('要输出显示的内容'); 或 alert('要输出显示的内容');
alert(n);

确认框与提示输入框

第三种方式是使用信息确认框，通常用于询问用户是否执行某项操作。

var f = window.confirm('是否要进入新浪网'); confirm("");
if(f){
location.href = 'http://www.sina.com.cn'; 
}

第四种方式是使用提示输入框，允许用户输入文本数据。

window.prompt
var n = window.prompt('请输入年龄',18);
if(n>=18){
document.write('欢迎你年轻人'); 
}

DOM 操作与标题输出

第五种方式是通过控制 HTML 标签元素，将信息直接输出到页面指定位置。

具体实现时，可以通过 document.getElementById('id') 获取目标标签对象，进而直接修改其内部值以完成输出。

例如，可以使用 setInterval 函数定时更新页面内容，代码如下：setInterval(function(){document.getElementById('ttt').innerHTML = "当前时间:"+new Date().toLocaleString();},1000);

<script>
document.getElementById('uname').value = "佚名";
</script>

第六种方式是将信息直接输出到浏览器窗口标题栏。

document.title = "hello";

上述内容涵盖了 JavaScript 中主要的信息输出与交互方法，包括确认框、提示输入框以及文档流输出等，旨在为开发者提供实用的参考。如有任何疑问，欢迎留言交流，小编将及时回复。感谢大家对本站的支持！