美文网首页
JavaScript-2常见输出方式

JavaScript-2常见输出方式

作者: 想成为大牛的程旭元 | 来源:发表于2020-08-26 15:17 被阅读0次

常见输出方式

  1. 通过弹窗的方式来输出
    1.1 alert(输出内容)
    1.2 confirm(输出内容)
    1.3 prompt(输出内容)

注意点:1.只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
2.在JavaScript中严格区分大小的,大学的Alert是不执行的。alert和Alert不是一回事。
3.在编写JavaScript代码的时候,每一行代码最后面都得加一个分号,并且这个分号,必须是英文的分号。
4.我们发现有时候不写分号,程序也能执行,那是因为浏览器自动帮我们添加了分号,不是不需要写,浏览器自动帮我们添加会消耗一定的性能,有时候会加错。

  1. 通过网页内容区域(body)的方式来输出
document.write('abc');

注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来

  1. 通过开发者工具的控制台的形式来输出
console.log(输出内容);
console.warn(输出内容);
console.error(输出内容);

注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来

1. 通过弹窗的方式来输出

1.1 alert

alert(123);
alert("abc");

注意点:1.只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
2.在JavaScript中严格区分大小的,大学的Alert是不执行的。alert和Alert不是一回事。
3.在编写JavaScript代码的时候,每一行代码最后面都得加一个分号,并且这个分号,必须是英文的分号。
4.我们发现有时候不写分号,程序也能执行,那是因为浏览器自动帮我们添加了分号,不是不需要写,浏览器自动帮我们添加会消耗一定的性能,有时候会加错。

1.2 confirm

confirm(123);
confirm('都会就爱上会大声');

confirm和alert的注意点一样,他俩的区别是confirm弹出的按钮有2个,一个请确认,一个取消。而alert只有一个确定按钮。


confirm.png alert.png

上面2张图的区别。

1.3 prompt

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

</head>

<body>
    <div>哈哈哈</div>
    <script>
        prompt(123);
    </script>
</body>

</html>
prompt.png

prompt样式比aler多了一个输入框,和一个取消按钮。注意点和alert一样。

2.通过网页内容区域(body)的方式来输出
document.write('abc');
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

</head>

<body>
    <script>
        //将123写到body里面去
        // document.write(123);
        document.write('abc');
    </script>
</body>

</html>

注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来

3.通过开发者工具的控制台的形式来输出

3.1 普通输出

 console.log(12345);  普通输出
console.png
上面是浏览器的控制台,里面的Console是打印内容的区域,一般按住快捷键F12,就会出来。
3.2 警告输出
console.warn(12345);
警告输出.png

警告输出和普通输出就是背景颜色不一样,警告输出背景颜色为黄色的。

3.3 错误输出

console.error(12345);
console.log(12345);
console.warn(12345);
console.error(12345);
控制台输出3种.png

最后一种是error输出。

相关文章

  • JavaScript-2常见输出方式

    常见输出方式 通过弹窗的方式来输出1.1 alert(输出内容)1.2 confirm(输出内容)1.3 prom...

  • JavaScript基本语法

    常见的输出方式 通过弹窗形式输出alert(输出的内容);confirm(输出的内容);prompt(输出的内容)...

  • JavaScript-2

    上一节主要简单的讲解了JavaScript修改CSS样式,这一节,我们来看看Javascript自身的属性,以及运...

  • 02-JS常见输出方式

    1.通过弹窗的形式来输出alert(需要输出的内容);confirm(需要输出的内容);prompt(需要输出的内...

  • Android平台远程声音播放及采集方案

    1. 远程声音播放方案简介 目前终端常见的声音输出方式可以有喇叭、耳机、蓝牙,并且具备声音输出通道自动切换能力,比...

  • Java 几种打印 Array 数组内容的技巧

    问:Java 中打印数组内容的方式有哪些? 答:下面是几种常见的打印方式。 方法一:使用循环打印。 输出: 方法二...

  • 【Java梳理】IO流

    IO即输入输出的缩写。在程序中输入输出数据是很常见的操作。在Java中经常使用的方式是流(Stream)。流是操作...

  • webstorm编译sass与调试

    1、配置和输出方式: 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 compact 压...

  • 02-输出函数

    print() 方法用于打印输出,最常见的一个函数 print() 常见的输出

  • logback使用二三例

    logback在打印日志的时候输出当前用户名,可以采用pattern的方式,常见的pattern有date, th...

网友评论

      本文标题:JavaScript-2常见输出方式

      本文链接:https://www.haomeiwen.com/subject/mnoxsktx.html