JavaScript不提供任何的内建或是打印方式

JavaScript的显示方案主要有以下四种：

  • window.alert()  写入警告框
  • document.write()  写入 HTML 输出
  • innerHTML  写入 HTML 元素
  • console.log()   写入浏览器控制台

一、使用window.alert()

弹出警示框

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>JavaScript输出</title>

 </head>

 <body>

 <script>

     var str=100+11;

 window.alert(str);

 </script>

 </body>

 </html>

显示效果

二、使用 innerHTML

如需访问 HTML 元素，JavaScript 可使用 document.getElementById( id名称 ) 方法。

id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容

<!DOCTYPE html>

<html>

<body>

<h2>我的第一张网页</h2>

<p>我的第一个段落。</p>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = 5 + 6;

</script>

</body>

</html>

表现效果

三、使用 document.write()

document.write() 方法仅用于测试，在页面输出。

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>

document.write(5 + 6);

</script>

</body>

</html>

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

<!DOCTYPE html>

<html>

<body>

<h2>我的第一张网页</h2>

<p>我的第一个段落。</p>

<button type="button" onclick="document.write(1111111)">试一试</button>

</body>

</html>

四、使用 console.log()

使用 console.log() 方法来显示数据

可以在控制台中直接测试console.log()。F12或右击检查打开控制台。

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>

console.log(111111);

</script>

</body>

</html>

显示效果

可以在控制台中直接输入

JavaScript输出的更多相关文章

  1. 使用JavaScript输出

    使用JavaScript输出 1.如果需要JavaScript访问html元素,我们可以通过为html元素添加id属性,然后通过JavaScript的document.getElementById(i ...

  2. JavaScript 输出

    javascript 没有任何打印或者输出的函数. 一.javascript 显示数据 javacript可以通过不同的方式来输出数据: 1.使用window.alert()弹出警告框 2.使用doc ...

  3. 用JavaScript输出表格

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. Javascript输出表格

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 前端之JavaScript第一天学习(3)-JavaScript输出

    JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) ...

  6. 总结JavaScript输出内容（document.write）

    document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用“”括起,直接输出""号内的内容.<script ...

  7. （二）JavaScript 输出

    avaScript 没有任何打印或者输出的函数. JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框. 使用 docu ...

  8. 松软科技带你学前端：JavaScript 输出

    JavaScript 不提供任何内建的打印或显示函数. JavaScript 显示方案 JavaScript 能够以不同方式“显示”数据: 使用 window.alert() 写入警告框 使用 doc ...

  9. JavaScript 输出的四种方法

    JavaScript 没有任何打印或者输出的函数. ㈠JavaScript 显示数据 ⑴使用 window.alert() 弹出警告框. ⑵使用 document.write() 方法将内容写到 HT ...

随机推荐

  1. Shadow安装

    1.Shadow插件的安装 http://shadow.github.io/ 这是shadow主页的网址,Shadow是一个开源的网络模拟器/仿真器,我们用它模拟Tor网络的运行状况.   1.1安装 ...

  2. 正则表达式——Unicode

    第 7 章 Unicode 7.1 关于编码   通常,英文编码较为统一,都采用ASCII编码或可以兼容ASCII编码(即编码表的前127位与ASCII编码一直,常见的各种编码,包括Unicode编码 ...

  3. java一周学习记录（2017/12/2）

    姓名:Danny                               日期:2017/12/2 周日 周一 周二 周三 周四 周五 周六 所花时间 120 150 190 150 180 28 ...

  4. Java常用的日志框架

    1.Java常用日志框架对比 https://www.jianshu.com/p/bbbdcb30bba8 2.Log4j,Log4j2,Logback日志框架性能对比 https://bbs.hua ...

  5. Windows netcat 的工具的简单使用

    1. 下载 https://eternallybored.org/misc/netcat/ 2. 将目录添加到环境变量 C:\Work\netcat 3. 简单实验 4. 查看说明 UPDATE // ...

  6. soot学习历程---（1）

    今天看了soot生成手册的部分内容,简单摘录一下 Scene 表示分析所处的完整环境,可以借此设置application class(用sootclass),主类(main),point-to和cal ...

  7. Nginx工作机制

    Nginx分为单工作进程和多工作进程两种模式.通常采用1个master+多个worker进程配合异步非阻塞的工作机制.master进程主要负责管理自身和下属的worker进程,worker负责处理请求 ...

  8. [LeetCode] 103. 二叉树的锯齿形层次遍历

    题目链接 : https://leetcode-cn.com/problems/binary-tree-zigzag-level-order-traversal/ 题目描述: 给定一个二叉树,返回其节 ...

  9. 一、JVM — Java内存区域

    Java 内存区域详解 写在前面 (常见面试题) 基本问题 拓展问题 一 概述 二 运行时数据区域 2.1 程序计数器 2.2 Java 虚拟机栈 2.3 本地方法栈 2.4 堆 2.5 方法区 2. ...

  10. 网络爬虫之HTTPClient

    HTTPClient官网:http://hc.apache.org/httpcomponents-client-4.5.x/quickstart.html 问题一:明明浏览器请求有数据,可使用HTTP ...