好资源导航 » 文章资讯 » JS中常用的输出方式(五种)

JS中常用的输出方式(五种)

2024-03-17 04:18:03 403

废话不多少了，直接给大家上干活了，具体详情如下所示：

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是所有浏览器都支持的