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 相关文章推荐
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
jQuery大于号(>)选择器的作用解释
Jan 13 Javascript
javascript实现日期按月份加减
May 15 Javascript
js动态生成form 并用ajax方式提交的实现方法
Sep 09 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
javascript 中的继承实例详解
May 05 Javascript
微信小程序wx:for和wx:for-item的用法详解
Apr 01 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
elementUI多选框反选的实现代码
Apr 03 Javascript
javascript实现小型区块链功能
Apr 03 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代码的53条建议
2008/03/27 PHP
全世界最小的php网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
一段实时更新的时间代码
2006/07/07 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python中threading模块join函数用法实例分析
2015/06/04 Python
python实现爬虫下载美女图片
2015/07/14 Python
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
Python经纬度坐标转换为距离及角度的实现
2020/11/01 Python
岗位职责范本
2013/11/23 职场文书
经理助理岗位职责
2014/03/05 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
后备干部培训方案
2014/05/22 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书
导游词之五台山
2019/10/11 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python