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 相关文章推荐
简明json介绍
Sep 28 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
JS实现简易贪吃蛇游戏
Aug 24 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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
解决GD中文乱码问题
2007/02/14 PHP
精通php的十大要点(上)
2009/02/04 PHP
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
html 锁定页面(js遮罩层弹出div效果)
2009/10/27 Javascript
javascript算法学习(直接插入排序)
2011/04/12 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
2015/08/06 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
2015/09/19 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
vue服务端渲染的实例代码
2017/08/28 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
Vue.js计算机属性computed和methods方法详解
2019/10/12 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
python自动翻译实现方法
2016/05/28 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
python PyAutoGUI 模拟鼠标键盘操作和截屏功能
2019/08/04 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
个人安全生产责任书
2014/07/28 职场文书
道歉信范文
2015/05/12 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
Python借助with语句实现代码段只执行有限次
2022/03/23 Python
JavaScript设计模式之原型模式详情
2022/06/21 Javascript