JS中常用的输出方式(五种)
2019/6/27 22:21:44
本文主要是介绍JS中常用的输出方式(五种),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
废话不多少了,直接给大家上干活了,具体详情如下所示:
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是所有浏览器都支持的
这篇关于JS中常用的输出方式(五种)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set