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


Posted in Javascript onJune 12, 2016

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

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

Javascript 相关文章推荐
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
javascript 一些用法小结
Sep 11 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 #Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 #Javascript
深入解析JavaScript中的arguments对象
Jun 12 #Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 #Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 #Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 #Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 #Javascript
You might like
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
2020/10/24 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
React实现todolist功能
2020/12/28 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python3生成随机数实例
2014/10/20 Python
python处理csv中的空值方法
2018/06/22 Python
python树莓派红外反射传感器
2019/01/21 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
python 实现音频叠加的示例
2020/10/29 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
计算机应用专业毕业生求职信
2013/10/24 职场文书
主持人演讲稿范文
2013/12/28 职场文书
大学校园生活自我鉴定
2014/01/13 职场文书
简历中的自我评价范文
2014/02/05 职场文书
小学作文评语大全
2014/04/21 职场文书
丧事答谢词大全
2015/09/30 职场文书
关于保护环境的建议书
2019/06/24 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js
Redis实现分布式锁的五种方法详解
2022/06/14 Redis