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 相关文章推荐
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
JavaScript学习笔记之ES6数组方法
Mar 25 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
vue+element实现表单校验功能
May 20 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
详解JavaScript中的this指向问题
Feb 05 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判断文章里是否有图片的简单方法
2014/07/26 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
用js做一个小游戏平台 (一)
2009/12/29 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
编写高性能Javascript代码的N条建议
2015/10/12 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
jQuery实现frame之间互通的方法
2017/06/26 jQuery
基于nodejs实现微信支付功能
2017/12/20 NodeJs
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
python测试驱动开发实例
2014/10/08 Python
python实现井字棋游戏
2020/03/30 Python
python正则表达式面试题解答
2020/04/28 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
行政专员岗位职责
2014/01/02 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
品牌转让协议书
2014/08/20 职场文书
2015年仓库工作总结
2015/04/09 职场文书
个人业务学习心得体会
2016/01/25 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python