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的实现简单的分页控件
Oct 10 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 Javascript
如何在JavaScript中创建具有多个空格的字符串?
Feb 23 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
JS数组的常用方法整理
Mar 31 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
php pthreads多线程的安装与使用
2016/01/19 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
jquery实现无限分级横向导航菜单的方法
2015/03/12 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
原生JS实现平滑回到顶部组件
2016/03/16 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
学习jQuery中的noConflict()用法
2018/09/28 jQuery
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
Javascript数组及类数组相关原理详解
2020/10/29 Javascript
JavaScript 判断浏览器是否是IE
2021/02/19 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
win10下tensorflow和matplotlib安装教程
2018/09/19 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
求职信格式要求
2014/05/23 职场文书
暑期社会实践证明书
2014/11/17 职场文书
ORACLE查看当前账号的相关信息
2021/06/18 Oracle