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 相关文章推荐
js 可拖动列表实现代码
Dec 13 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
深入理解Angular4中的依赖注入
Jun 07 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
JS遍历树层级关系实现原理解析
Aug 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
PHP 编程的 5个良好习惯
2009/02/20 PHP
zend Framework中的Layout(模块化得布局)详解
2013/06/28 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
javascript进行数组追加方法小结
2014/06/16 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python实现windows下模拟按键和鼠标点击的方法
2015/03/13 Python
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
详解python开发环境搭建
2016/12/16 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
python实现数据分析与建模
2019/07/11 Python
Django组件content-type使用方法详解
2019/07/19 Python
python 画函数曲线示例
2019/12/04 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
零件设计自荐信范文
2013/11/27 职场文书
运动会获奖感言
2014/02/11 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
幼师大班个人总结
2015/02/13 职场文书
小学教师求职信范文
2015/03/20 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书