JS几种不同的输出方式

JS中不同的输出方式

1.弹窗方式输出

window.alert('弹窗方式输出');

弹窗方式显示是一种阻断式的输出方式,只有点击确定按钮,才能继续该语句下面的内容
以“alert()”方式弹窗的效果,只有一个确定按钮,一般情况下是用来给用户提示的

2.控制台输出

console.log('控制台输出');
console.warn('这是一个警告!');
console.error('这是一个错误!');

一般情况下用于开发人员调试

3.向body中输出一个内容

document.write('body中输出');
document.write('<div>body中输出</div>');
document.write('<h1>body中输出</h1>');

可接收从服务器传来的信息,显示在页面中

4.在网页中弹出输入框,一般用于接收用户输入的信息

window.prompt('请输入信息');

相比较“alert()”,多出了一个取消按钮

5.在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用

window.confirm('信息是否正确?');
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS常用输出方式</title>
</head>
<body>
<script>
    // 1.弹窗,阻断式
    window.alert('弹窗方式输出');
    // debugger;


    //2.控制台输出
    console.log('控制台输出');
    console.warn('这是一个警告!');
    console.error('这是一个错误!');


    //3.向body中输出一个内容
    document.write('body中输出');
    document.write('<div>body中输出</div>');
    document.write('<h1>body中输出</h1>');


    // 4.在网页中弹出输入框,一般用于接收用户输入的信息
    window.prompt('请输入信息');


    // 5.在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用
    window.confirm('信息是否正确?');
</script>
</body>
</html>
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值