javascript中常用的几种输出方式

最新推荐文章于 2025-06-27 02:03:34 发布

原创最新推荐文章于 2025-06-27 02:03:34 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了前端开发中的常用技术，包括如何在浏览器控制台输出信息、为页面元素添加内容的方法、弹窗显示信息及页面内输出内容等。同时对比了innerHTML与innerText的区别，并推荐在项目中使用innerHTML。


1、在浏览器的控制台输出
  console.log("要输出的内容");
  console.dir("");在控制台输出一个对象的详细信息
  console.table();把一个数据(json)按照表格的形式输出，我们在查看结构的时候更加清晰一些

2、给页面中的某一个元素添加内容 innerText/innerHTML
  var oDiv=document.getElementById("test");
  oDiv.innerText="LittleGao";
  innerHTML/innerText区别：
   1)、firefox浏览器中不支持innerText，而innerHTML不存在兼容问题
   2)、innerHTML不仅可以添加文字，还可以添加html标签；而innerText不能识别有效的html标签，他会把html也当做文字添加进去
项目中我们统一使用innerHTML，基本不使用innerText

3、在页面中弹出对应的框来显示我们的内容
  alert("要输出的内容");在浏览器中弹出一个框，<把我们要输出的内容先转化为字符串>，然后再输出
  confirm()是我们浏览器中确认选择弹出层，当用户选择的是确定，方法会返回true，如果点击的是取消，返回的是false，我们通过方法的返回值进行对应的相关操作即可！
  confirm("是否喜欢锐琦琦呢？");

4、在页面中输出内容 document.write()
  经常我们如果要在页面中添加一个广告的话，我们用这个来添加
  document.write("武汉欢迎您！");