首页 >web前端 >js教程 > 正文

js中输出的方式有哪些

原创2020-05-23 17:36:4801098
第12期线上培训班

js中输出的方式有:

1、使用 window.alert() 弹出警告框。

2、使用 document.write() 方法将内容写到 HTML 文档中。

3、使用 innerHTML 写入到 HTML 元素。

4、使用 console.log() 写入到浏览器的控制台。

一、window.alert()

通过弹出警告框来显示数据。

代码示例:

fb1ef6f1a145f53cecf01bb4cd03a8e.png

输出:

89adc6d89c2d9da94c500f0d4133237.png

二、document.write()

将内容直接写入到html中。

代码示例:

8cebf68a88af37d7ddd58669e5e03ce.png

输出:

e60c50c4fd08bbdb07ae4f5d066e72c.png

三、innerHTML

我们可以从JavaScript中访问某个 HTML 元素,使用 document.getElementById(id) 方法,并使用 innerHTML 来获取或插入元素内容。

代码示例:

04449b2d16d47f302fde2ca236fce24.png

输出:

38a6ac3a727068848c3fca66b325048.png

四、console.log

将数据写入到浏览器的控制台。

代码示例:

4ec0d30ebd6ed392bcecebe2ce35d3c.png

输出:

428a1e6802ce697f4f8c28297d080c1.png

推荐教程:js入门教程

以上就是js中输出的方式有哪些的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:js
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • JavaScript极速入门_玉女心经系列JavaScript极速入门_玉女心经系列
  • 视频教程分类