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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
vue-cli设置publicPath小记
Apr 14 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
Jun 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
Javascript 去除数组的重复元素
2010/05/04 Javascript
Js获取事件对象代码
2010/08/05 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
浅谈js的ajax的异步和同步请求的问题
2016/10/07 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
python中解析json格式文件的方法示例
2017/05/03 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
软件测试常见笔试题
2012/02/04 面试题
日语专业毕业生求职信
2013/12/04 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
世界读书日的活动方案
2014/08/20 职场文书
服务员岗位职责范本
2015/04/09 职场文书
企业爱心捐款倡议书
2015/04/27 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers
Mysql如何查看是否使用到索引
2022/12/24 MySQL