首页 / JAVASCRIPT / JavaScript输出显示内容（基础的教程）

JavaScript输出显示内容（基础的教程）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript输出显示内容（基础的教程），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2382字，纯文字阅读大概需要4分钟。

内容图文

刚开始接触js的朋友肯定要接触到js的输出，那么肯定会使用document.write、alert、innerHTML、console.log，这里简单介绍一下，需要的朋友可以参考一下啊

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

使用 window.alert()
你可以弹出警告框来显示数据：

操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

以上 JavaScript 语句（在 <script> 标签中）可以在 web 浏览器中执行：
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
在本教程中
在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：
下面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中：
写到 HTML 文档
出于测试目的，您可以将JavaScript直接写在HTML 文档中：

请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

写到控制台console.log()
如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。

实例 console 截图：

JavaScript输出显示内容（基础的教程） - 文章图片

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

JS callback回调函数使用案例详解

使用JS实现购物车功能步骤详解

JS+CSS3实现鼠标与图片互动放大效果


以上就是JavaScript 输出显示内容（基础的教程）的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript输出显示内容（基础的教程）全部内容，希望文章能够帮你解决JavaScript输出显示内容（基础的教程）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/290190.html

来源：【匿名】