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 .ajax 在IE下卡死问题的解决方法
Oct 26 Javascript
js中settimeout方法加参数
Feb 28 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
微信小程序获取手机号授权用户登录功能
Nov 09 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
mpvue+vant app搭建微信小程序的方法步骤
Feb 11 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
js实现简易拖拽的示例
Oct 26 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
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
基于vue实现分页效果
2017/11/06 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
详解JS预解析原理
2020/06/16 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python下Fabric的简单部署方法
2015/07/14 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
wxPython色环电阻计算器
2019/11/18 Python
函授大专自我鉴定
2013/11/01 职场文书
小学优秀班主任材料
2014/12/17 职场文书
学校食品安全责任书
2015/01/29 职场文书
中班下学期个人总结
2015/02/12 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA