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 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
原生js实现验证码功能
Mar 16 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
React-router4路由监听的实现
Aug 07 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
使用 php4 加速 web 传输
2006/10/09 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
php简单实现快速排序的方法
2015/04/04 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
js实现简单计算器
2015/11/22 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
Python base64编码解码实例
2015/06/21 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
python pillow模块使用方法详解
2019/08/30 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
监理资料员岗位职责
2014/01/03 职场文书
联欢晚会主持词
2014/03/25 职场文书
解除合同协议书
2014/04/17 职场文书
英文版辞职信
2015/02/28 职场文书
秋收起义观后感
2015/06/11 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python