JS中的输出语句

JavaScript 中的输出语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script type="text/javascript">
    // 1. 页面中弹出一个提示框
    alert("Hello JavaScript");

    // 2. 在页面中,向 body 中写一个内容
    document.write("在页面中显示~~~");

    // 3. 向控制台输出一个内容
    console.log("按F12,找到console,在这里可以看到我~~~");

    // 4. 在网页中弹出用户进行输入的对话框,一般用于接收用户输入的信息
    // 这个方法返回用户输入的"字符串"。
    // 语法格式:prompt(msg,defaultText) // defaultText 默认值,可以省略
    //************** 使用prompt,输入两个数,计算出两个数的和 ****************//
    // 4.1 提示输入内容
    var num1 = prompt('please input a number');
    var num2 = prompt('please input a number');

    // 4.2 每次输入的值是字符串类型,需要转换为整型
    num1 = parseInt(num1);
    num2 = parseInt(num2);
    // 4.3 进行两个整数的加和计算
    var res = num1 + num2;
    console.log("res的结果是 " + res);

</script>
</body>
</html>

注解:

  • alert() 使用非常少 用户体验不好 调试使用
  • console() 用户不可见 调试使用
  • document.write() 用户可见 直接在文档中显示
  • prompt() 根据提示进行输入
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,342评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,749评论 1 45
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,557评论 25 708
  • 最近一段时间一直在听黄帝内经,小有收获,同时这本书给我也增添了几分生活的乐趣。最早接触黄帝内经是在广州的高铁站,当...
    依融阅读 423评论 1 1