JavaScript 输出
javascript 没有任何打印或者输出的函数。
一、javascript 显示数据
javacript可以通过不同的方式来输出数据：
1.使用window.alert()弹出警告框
2.使用document.write()方法将内容写到HTML文档中。
3.使用innerHTML写入HTML的元素。
4.使用console.log()写入到浏览器的控制台。
A 使用window.alert()
<!DOCTYPE html>
<html>
<body> <h1>我的第一个页面</h1>
<p>我的第一个段落。</p> <script>
window.alert(111);
</script> </body>
</html>
B 操作HTML元素
如需从javascript访问某个HTML元素，使用document.getElementById(id)方法。
请使用'id'属性标识HTML 元素，并innerHTML来获取或插入元素的内容。以下javascript语句（在<script>标签中）可以在web 浏览器中执行。
<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script> </body>
</html>
c写到HTML文档
出于测试目的，可以将javascript 直接写在htmll 文档中：
<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script>
document.write(Date());
</script> </body>
</html>
使用document.write()仅仅向文档输出写内容。 如果在文档已完成加载后执行document.write，整个HTML页面将被覆盖。如下图代码所示：
<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script>
function myFunction() {
document.write(Date());
}
</script> </body>
</html>
D 写到控制台
如果你的浏览器指出调试，可以使用console.log()方法在浏览器中显示javascript值。
<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script> </body>
</html>
如下图console 截图
JavaScript 输出的更多相关文章
- 使用JavaScript输出
使用JavaScript输出 1.如果需要JavaScript访问html元素,我们可以通过为html元素添加id属性,然后通过JavaScript的document.getElementById(i ...
- JavaScript输出
JavaScript不提供任何的内建或是打印方式 JavaScript的显示方案主要有以下四种: window.alert() 写入警告框 document.write() 写入 HTML 输出 ...
- 用JavaScript输出表格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- Javascript输出表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 前端之JavaScript第一天学习(3)-JavaScript输出
JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) ...
- 总结JavaScript输出内容（document.write）
document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用“”括起,直接输出""号内的内容.<script ...
- （二）JavaScript 输出
avaScript 没有任何打印或者输出的函数. JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框. 使用 docu ...
- 松软科技带你学前端：JavaScript 输出
JavaScript 不提供任何内建的打印或显示函数. JavaScript 显示方案 JavaScript 能够以不同方式“显示”数据: 使用 window.alert() 写入警告框 使用 doc ...
- JavaScript 输出的四种方法
JavaScript 没有任何打印或者输出的函数. ㈠JavaScript 显示数据 ⑴使用 window.alert() 弹出警告框. ⑵使用 document.write() 方法将内容写到 HT ...
随机推荐
- No.022：Generate Parentheses
问题: Given n pairs of parentheses, write a function to generate all combinations of well-formed paren ...
- HashTable（散列表）
最近都在研究数据结构,关于hashtable,或者叫做散列表,过去一直不了解是什么东西,现在终于明白了. 所谓hashtable,就是某组key,通过某个关系(函数),得到一个与之对应的映射值(在计算 ...
- 详解JavaScript中的this
JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一. 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不 ...
- Android开发学习——基础学习
在微信公众号上,发现一个自学android的一个文章,觉得不错.对其进行小小总结,整理给大家. 1. 基础UI学习 Button/TextView/EditText/CheckBox/ImageVie ...
- IOS开发基础知识--碎片38
1:FCUUID获取设备标识的运用 a:作者 githun地址 https://github.com/fabiocaccamo/FCUUID 因为里面还用到作者的另外一个类UICKeyChainSto ...
- iOS 学习 - 22 异步解析 JSON，使用 FMDB 存储，TableView 显示
前提是已经知道了有哪些 key 值 Model 类: .h @interface ListModel : NSObject @property (nonatomic, copy)NSString *t ...
- 进新公司用cornerstone-checkout后遇到的奇葩bug，及解决方法
从cornerstone中checkout下新的工程,运行报错. 1.开始错误原因是找不到相对应的某个.m文件的路径 解决方案:将缺少的.m文件重新从项目文件夹中导入 2.后来显示 造成的原因是在下面 ...
- 敏捷开发与jira之流程
敏捷流程在Jira中的运用
- 初识sqoop
Sqoop 产生背景 Sqoop 的产生主要源于以下几种需求: 1.多数使用 Hadoop 技术处理大数据业务的企业,有大量的数据存储在传统的关系型数据库(RDBMS)中. 2.由于缺乏工具的支持,对 ...
- MongoDB学习笔记~为IMongoRepository接口添加分页取集合的方法
回到目录 对于数据分页,我们已经见的太多了,几乎每个列表页面都要用到分页,这已经成了一种定理了,在进行大数据展示时,如果不去分页,而直接把数据加载到内存,这简直是不可以去相向的,呵呵,在很多ORM工具 ...