Day3 JavaScript 如何输出

JavaScript 可以通过不同的方式来输出数据:
1.使用 window.alert() 弹出警告框来显示数据。
https://ithelp.ithome.com.tw/upload/images/20210903/20140250D8ycxH5TT8.pnghttps://ithelp.ithome.com.tw/upload/images/20210903/20140250u5Wq2EvhbP.png
2.使用 document.write() 方法将内容写到 HTML 文档中:
可以将JavaScript直接写在HTML 文档中,使用 document.write() 仅仅向文档输出写的内容,如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
https://ithelp.ithome.com.tw/upload/images/20210903/20140250KXO5VQ9KDV.pnghttps://ithelp.ithome.com.tw/upload/images/20210903/20140250POCS1SrV5q.png
3.使用 innerHTML 写入到 HTML 元素:
如果需要 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法,运用 "id" 属性来标示 HTML 元素,并 innerHTML 来获取或插入元素内容。
https://ithelp.ithome.com.tw/upload/images/20210903/20140250QdmvOo5bU3.pnghttps://ithelp.ithome.com.tw/upload/images/20210903/20140250oQpXxjPGVM.png
4.使用 console.log() 写入到浏览器的控制台。
如果使用的浏览器支持调试(浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单),可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
https://ithelp.ithome.com.tw/upload/images/20210903/20140250QzcSUcP7Ri.pnghttps://ithelp.ithome.com.tw/upload/images/20210903/20140250l6ckIQKy8b.png
以上就是 JavaScript 的输出方式,善用输出可以帮大家在打程序的时候更好的除错,不然光靠肉眼找自己推逻辑,真的是会怀疑人生,特别是程序码超长的时候(不堪回首的过往.......)


<<:  #3 The V8 Engine

>>:  GitHub 基本功能介绍 - 开始建立第一个储存库

Day20 ( 中级 ) 拉不走的弹力球

拉不走的弹力球 教学原文参考:拉不走的弹力球 这篇文章会介绍,如何在 Scratch 3 里使用扩充...

股市小白混乱篇-使用 ticks API(1)

为什麽标题会是这个呢,说来话长, 我开启永丰证券的文件阅读时, 看到下一个是ticks API,我瞬...

Unity与Photon的新手相遇旅途 | Day22-Photon Lobby UI (下)

今天讲的内容为制作Lobby的一些基本简单UI(下集)。 ...

你好 想请问css轮播问题

#photos{position:absolute;width:calc(600px*6);z-i...

Day 30. 结语

#结语 最後一天,专案完成了,铁人赛完赛 不过第9天就中断了比赛 真的是觉得太~~~~~~~~~~...