008_JavaScript输出
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输出相关推荐
- Gin 框架学习笔记(03)— 输出响应与渲染
在 Gin 框架中,对 HTTP 请求可以很方便有多种不同形式的响应.比如响应为 JSON . XML 或者是 HTML 等. Context 的以下方法在 Gin 框架中把内容序列化为不同类型写 ...
- C++ 笔记(36)—— std::cout 输出保留小数位数
需要头文件 #include <iomanip> setprecision() 来用来保存有效数字,fixed 和 setprecision() 一起用就变成保存小数点后有效数字. fix ...
- OpenCV 笔记(08)— 二维点、三维点、基于 Mat 的 std::vector 等常用数据结构的定义和输出
1. 定义和输出二维点 Point2f p2(3, 4);cout << "[二维点] is "<< endl << p2 << e ...
- Linux shell 学习笔记(11)— 理解输入和输出(标准输入、输出、错误以及临时重定向和永久重定向)
1. 理解输入和输出 1.1 标准文件描述符 Linux 系统将每个对象当作文件处理.这包括输入和输出进程.Linux 用文件描述符(file descriptor)来标识每个文件对象.文件描述符是一 ...
- c语言中字符串数组的地址存放以及%s输出单个字符导致程序崩溃的问题
代码 总结下c语言中字符串数组的地址存放问题 #include <iostream> using namespace std; #include<bits/stdc++.h>i ...
- DateGridView列的输出顺序反了
问题: 敲机房里显示数据表的窗体,我用代码写的数据源绑定到datagridview控件显示的时候,顺序和数据库查询出来的表的顺序相反 过程: 后来一直在查DateGridView列的输出顺序反了怎么办 ...
- python的print格式化输出,以及使用format来控制。
20210305 time.strftime("%Y%m%d%H%M%S", time.localtime()) 时间格式化 20210206 https://www.runoob ...
- 最大限度地减少块输出中间结果的计算和存储
最大限度地减少块输出中间结果的计算和存储 Expression Folding 表达式折叠 表达式折叠优化代码,以最小化块输出处中间结果的计算,并将这些结果存储在临时缓冲区或变量中.启用"表 ...
- C ++基本输入/输出
C ++基本输入/输出 本文将学习如何使用cin对象从用户那里获取输入,并使用cout对象在示例的帮助下向用户显示输出. C ++输出 在C ++中,cout将格式化的输出发送到标准输出设备,例如屏幕 ...
最新文章
- 单帧风景照变延时摄影,分分钟搞定,还能有昼夜变化,这是来自日本的开源动画景观算法...
- 液冷模块是什么?有什么作用与意义?
- HTTP协议中常见请求方法以及一些常见错误代码
- 关于css透明度的问题
- javascript控制台_如何充分利用JavaScript控制台
- PL/SQL Developer中文版下载以及使用图解(绿色版)
- 简述对linux系统的认识,对Linux的认识
- 要是有力气的话可以做装卸工,月入过万不是梦
- tcp连接测试工具_“国货之光”!国产弱网测试神器 QNET,比主流弱网测试工具强在哪?...
- tableview cell自适应撑高
- PHP实现常用的数据结构之链表
- oracle语句调试,Oracle中使用fnd_log_messages调试的步骤
- 树莓派4b使用vncview连接报错:Cannot currently show the desktop
- ra3录像重播工具_设置DO-RA小工具的网络销售渠道
- Erupt Framework:开源神器,助你无需前端代码搞定企业级后台管理系统
- 2022年全球市场智能室内空气质量检测仪总体规模、主要生产商、主要地区、产品和应用细分研究报告
- 英文星期的来历(都是来自神人)
- 安卓闸机控制SDK对接文档
- js实现上滑下滑翻页
- SCSI硬盘跳线设主从盘(强烈推荐此文)