js中几种常用的输出方式

开发者恩希技术 2022年11月10日

0 收藏 738 点赞 3,383 浏览 614 个字

1、alert("要输出的内容");
  ->在浏览器中弹出一个对话框,然后把要输出的内容展示出来
  ->alert都是把要输出的内容首先转换为字符串然后在输出的2、document.write("要输出的内容");
  ->直接的在页面中展示输出的内容3、console.log("要输出的内容");
  ->在控制台输出内容

4、value
  ->给文本框(表单元素)赋值内容
  ->获取文本框中(表单元素)的内容
  document.getElementById("search").value = "要给#search这个文本框添加的内容";

5、innerHTML/innerText
  ->给除了表单元素的标签赋值内容
    document.getElementById("div1").innerHTML = "吧啦吧啦吧啦吧啦";
    document.getElementById("div1").innerText = "吧啦吧啦吧啦吧啦";  ->innerHTML和innerText的区别
    1)innerHTML在赋值的时候,如果遇到了有效的HTML标签会把它当做真正的标签处理,标签就可以起到自己的作用了；innerText不管是不是标签都当做文本来赋值，那么看到的都是文本，标签起不到自己的作用；(在赋值的时候innerHTML可以识别HTML标签，而innerText不能识别)
    2)在部分火狐浏览器中，不支持innerText,而innerHTML是所有浏览器都支持的