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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
子窗体与父窗体传值示例js代码
Aug 01 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
vue单页开发父子组件传值思路详解
May 18 Javascript
layui switch 开关监听 弹出确定状态转换的例子
Sep 21 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 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
8个实用的jQuery技巧
2014/03/04 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
python的格式化输出(format,%)实例详解
2018/06/01 Python
详解python单元测试框架unittest
2018/07/02 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
浅析python继承与多重继承
2018/09/13 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
【python】matplotlib动态显示详解
2019/04/11 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
django 类视图的使用方法详解
2019/07/24 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
C语言开发工程师测试题
2016/12/20 面试题
酒店拾金不昧表扬信
2014/01/18 职场文书
《长相思》听课反思
2014/04/10 职场文书
安全保证书范文
2014/04/29 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
客户答谢会致辞
2015/01/20 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
清明节主题班会
2015/08/14 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
python开发人人对战的五子棋小游戏
2022/05/02 Python