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 必填项判断表单是否为空的方法
Sep 14 Javascript
JavaScript日历实现代码
Sep 12 Javascript
javascript中的parseInt和parseFloat区别
Jul 12 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
Vuex 入门教程
Jan 10 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
Apr 02 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 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 Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
2014/02/04 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
Django-migrate报错问题解决方案
2020/04/21 Python
python实现mean-shift聚类算法
2020/06/10 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
2016/03/15 HTML / CSS
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
临床医学专业毕业生的自我评价
2013/10/17 职场文书
建筑设计专业求职自我评价
2014/03/02 职场文书
医院信息公开实施方案
2014/05/09 职场文书
选秀节目策划方案
2014/06/06 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
学术会议邀请函
2015/01/30 职场文书
党支部评议意见
2015/06/02 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python