1. JavaScript显示方案

1.1. 使用window.alert()写入警告框。

1.2. 使用console.log()写入浏览器控制台。

1.3. 使用innerHTML写入html元素。

1.4. 使用document.write()写入html输出。

2. 使用window.alert()

2.1. 您能够使用警告框来显示数据。

2.2. 例

2.2.1. 代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>写入警告框</title></head><body><script type="text/javascript">window.alert("使用window.alert()写入警告框。");</script></body>
</html>

2.2.2. 效果图

3. 使用console.log()

3.1. 在浏览器中, 您可使用console.log()方法来显示数据。

3.2. 请通过F12来激活浏览器控制台, 并在菜单中选择"控制台"。

3.3. 例子

3.3.1. 代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>写入浏览器控制台</title></head><body><script type="text/javascript">console.log("使用console.log()写入浏览器控制台。");</script></body>
</html>

3.3.2. 效果图

4. 使用innerHTML

4.1. 使用innerHTML属性可以定义html元素的内容。

4.2. 如需访问html元素, JavaScript可使用document.getElementById(id)方法。

4.3. 例

4.3.1. 代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>写入html元素</title></head><body><p id="myId"></p><script type="text/javascript">document.getElementById("myId").innerHTML = "使用innerHTML写入html元素。";</script></body>
</html>

4.3.2. 效果图

5. 使用document.write()

5.1. 使用document.write()可以向html文档中写入内容。

5.2. 在html文档完全加载后使用document.write()将删除所有已有的html元素。

5.3. 例

5.3.1. 代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>写入html输出</title></head><body><button onclick="myPrint()">点我</button><script type="text/javascript">document.write("使用document.write()可以向html文档中写入内容。");function myPrint(){document.write("在html文档完全加载后使用document.write()将删除所有已有的html元素。");}</script></body>
</html>

5.3.2. 效果图

008_JavaScript输出相关推荐

  1. Gin 框架学习笔记(03)— 输出响应与渲染

    在 Gin 框架中,对 HTTP 请求可以很方便有多种不同形式的响应.比如响应为 JSON . XML 或者是 HTML 等. ​ Context 的以下方法在 Gin 框架中把内容序列化为不同类型写 ...

  2. C++ 笔记(36)—— std::cout 输出保留小数位数

    需要头文件 #include <iomanip> setprecision() 来用来保存有效数字,fixed 和 setprecision() 一起用就变成保存小数点后有效数字. fix ...

  3. OpenCV 笔记(08)— 二维点、三维点、基于 Mat 的 std::vector 等常用数据结构的定义和输出

    1. 定义和输出二维点 Point2f p2(3, 4);cout << "[二维点] is "<< endl << p2 << e ...

  4. Linux shell 学习笔记(11)— 理解输入和输出(标准输入、输出、错误以及临时重定向和永久重定向)

    1. 理解输入和输出 1.1 标准文件描述符 Linux 系统将每个对象当作文件处理.这包括输入和输出进程.Linux 用文件描述符(file descriptor)来标识每个文件对象.文件描述符是一 ...

  5. c语言中字符串数组的地址存放以及%s输出单个字符导致程序崩溃的问题

    代码 总结下c语言中字符串数组的地址存放问题 #include <iostream> using namespace std; #include<bits/stdc++.h>i ...

  6. DateGridView列的输出顺序反了

    问题: 敲机房里显示数据表的窗体,我用代码写的数据源绑定到datagridview控件显示的时候,顺序和数据库查询出来的表的顺序相反 过程: 后来一直在查DateGridView列的输出顺序反了怎么办 ...

  7. python的print格式化输出,以及使用format来控制。

    20210305 time.strftime("%Y%m%d%H%M%S", time.localtime()) 时间格式化 20210206 https://www.runoob ...

  8. 最大限度地减少块输出中间结果的计算和存储

    最大限度地减少块输出中间结果的计算和存储 Expression Folding 表达式折叠 表达式折叠优化代码,以最小化块输出处中间结果的计算,并将这些结果存储在临时缓冲区或变量中.启用"表 ...

  9. C ++基本输入/输出

    C ++基本输入/输出 本文将学习如何使用cin对象从用户那里获取输入,并使用cout对象在示例的帮助下向用户显示输出. C ++输出 在C ++中,cout将格式化的输出发送到标准输出设备,例如屏幕 ...

最新文章

  1. 单帧风景照变延时摄影,分分钟搞定,还能有昼夜变化,这是来自日本的开源动画景观算法...
  2. 液冷模块是什么?有什么作用与意义?
  3. HTTP协议中常见请求方法以及一些常见错误代码
  4. 关于css透明度的问题
  5. javascript控制台_如何充分利用JavaScript控制台
  6. PL/SQL Developer中文版下载以及使用图解(绿色版)
  7. 简述对linux系统的认识,对Linux的认识
  8. 要是有力气的话可以做装卸工,月入过万不是梦
  9. tcp连接测试工具_“国货之光”!国产弱网测试神器 QNET,比主流弱网测试工具强在哪?...
  10. tableview cell自适应撑高
  11. PHP实现常用的数据结构之链表
  12. oracle语句调试,Oracle中使用fnd_log_messages调试的步骤
  13. 树莓派4b使用vncview连接报错:Cannot currently show the desktop
  14. ra3录像重播工具_设置DO-RA小工具的网络销售渠道
  15. Erupt Framework:开源神器,助你无需前端代码搞定企业级后台管理系统
  16. 2022年全球市场智能室内空气质量检测仪总体规模、主要生产商、主要地区、产品和应用细分研究报告
  17. 英文星期的来历(都是来自神人)
  18. 安卓闸机控制SDK对接文档
  19. js实现上滑下滑翻页
  20. SCSI硬盘跳线设主从盘(强烈推荐此文)

热门文章

  1. NetMarketShare:本月桌面浏览器市场份额几乎没有变化
  2. WebAssembly 系列(五)为什么 WebAssembly 更快?
  3. 网络编程预备知识之IP地址和端口
  4. sdn专线架构是怎样的?如何工作?——Vecloud
  5. python xml模块
  6. git上传提交遇到问题
  7. jQuery获取或设置元素的宽度和高度
  8. Oracle的 listagg() WITHIN GROUP ()函数使用
  9. Linux之文档与目录结构
  10. 2.redis配置详解