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操作ACCESS数据库(读增改删)的代码
May 14 Javascript
返回对象在当前级别中是第几个元素的实现代码
Jan 20 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
Nov 08 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 Javascript
详解vue 组件注册
Nov 20 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
德生1994机评
2021/03/02 无线电
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
javascript开发中因空格引发的错误
2010/11/08 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
JS数组去重(4种方法)
2017/03/27 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
javascript开发实现贪吃蛇游戏
2020/07/31 Javascript
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
大学毕业生简单自荐信
2013/11/05 职场文书
五一家具促销方案
2014/01/10 职场文书
不打扫卫生检讨书
2014/02/12 职场文书
金融与证券专业求职信
2014/06/22 职场文书
服务整改报告
2014/11/06 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
你需要掌握的20个Python常用技巧
2022/02/28 Python