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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
原生js实现淘宝放大镜效果
Oct 28 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
JavaScript回调函数callback用法解析
Jan 14 Javascript
js实现网页随机验证码
Oct 19 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 include加载文件两种方式效率比较
2010/08/08 PHP
php设计模式 Factory(工厂模式)
2011/06/26 PHP
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
2011/06/30 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
php日历制作代码分享
2014/01/20 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
Python分割指定页数的pdf文件方法
2018/10/26 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
临床医师专业个人自我评价范文
2013/11/07 职场文书
客服专员岗位职责
2014/02/28 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
教师暑期培训感言
2014/08/15 职场文书
法人授权委托书样本
2014/09/19 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
党的作风建设心得体会
2014/10/22 职场文书
后勤工作个人总结
2015/02/28 职场文书