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 相关文章推荐
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
Dec 07 Javascript
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
Javascript学习指南
Dec 01 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
May 23 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
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笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
jquery中获取select选中值的代码
2011/06/27 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
Python 连连看连接算法
2008/11/22 Python
Python中的rjust()方法使用详解
2015/05/19 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python3匿名函数用法示例
2018/07/25 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
小学美术教学反思
2014/02/01 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书