html中输出语句怎么写,javascript怎么输出?

JavaScript怎么输出?输出方式有哪些?下面本篇文章就给大家介绍JavaScript的几种输出方式,希望对大家有所帮助。

897ad6b29a68c3200a577f9138fb50bc.png

方法1:使用window.alert()进行输出

window.alert()方法用于显示带有一条指定消息和一个【确认】 按钮的警告框。

代码示例:window.alert('hello!');

效果图:

e6c687b86e666d99585740373e3d26c2.png

说明:

window.alert() 可以把小括号里的内容,以弹窗的方式显示出来,这些内容需要用一对单引号或一对双引号引用起来;

因window是BOM对象,指的是整个浏览器,可以省略不写。

方法2:使用document.write()方法进行输出

document.write()方法可以将内容直接写到html文档中,在页面上输出。

代码示例:document.write("hello");

document.write("

通过document.write输出内容

");

效果图:

d3c68bd5708201ed38d1db80c7591bce.png

方法3:使用console系列进行输出

console系列语句,可以把需要输出的内容写入到浏览器的控制台(一般使用F12键打开,查看)里,在控制台里输出内容,开发时会经常使用。

在控制台里显示日志console.log();

在控制台里提示警告console.warn();

当发生错误时,会在控制台里显示错误console.error();

代码示例:

console.log('控制台.日志()');

console.warn('控制台.警告()');

console.error('控制台.错误()');

效果图:

77eef935a91e513802394ac2a528ddf0.png

方法4:使用innerHTML属性进行输出

innerHTML 属性可以设置或返回表格行的开始和结束标签之间的 HTML。

基本语法:HTMLElementObject.innerHTML=text

说明:

● HTMLElementObject:需要输出内容的节点元素

● text:需要输出的内容

代码示例:

通过innerHTML方法向页面元素中输出内容

function changeContent() {

document.getElementById("demo").innerHTML = "通过innerHTML方法向页面输出了内容";

}

我是一个标题

更改内容

效果图:

34fd351c1b416e79e07827c33c302639.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/527260.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

cron每2天跑一次_直购直测,进口新极光每2年或34000公里才需要保养一次?

我们选择以第 2 代揽胜极光P200 R-Dynamic S 车型,作为执行 [ 直购直测 ] 单元的第 12 辆车款,而在先前包含购车篇说明选择原因、油耗测试篇带大家一探具备轻油电技术的极光 P200 R-Dynamic S 油耗表现后,本次则是要带大家看看揽胜极光回厂定…

html中basefont标签,HTML的basefont标签

HTML 标签只有 Internet Explorer 支持 标签。应该避免使用该标签。定义和用法 ( 推荐学习:html教程 )标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。HTML 与 XHTML 之间的差异在 HTML 4.01 中,不赞成使用 ba…

linux mv 保持目录结构_(三)Linux系统目录结构

点击蓝字 关注我们Linux系统目录结构:所有的类Unix系统根分区下的文件系统都基本一致。分别介绍一下功能:/bin:所有常用的可执行的二进制文件,就是“命令”,这些命令是所有用户都可以使用的。(存放系统命令的目录&…

d3.js html显示图片,d3.js v4:如何在鼠标点击节点后显示图像

在使用d3.js时仍然相当缺乏经验,我碰到了一个障碍。 希望有人能帮助我。d3.js v4:如何在鼠标点击节点后显示图像我试图在鼠标单击图形中的节点时显示图片。 理想情况下,我想单击几个节点并显示图像。双击节点应该删除图像。点击背景将删除所有…

语言速算24点的小窍门_4秒钟1道题!12岁少年三夺24点大赛冠军

数学文化节上,参加大赛的孩子们。夺得24点大赛冠军的华跃麟。本报讯 (重庆晨报上游新闻记者 秦健)“哇,太厉害了。”“快快快,超过他们俩了!”昨天下午,“第二届重庆数学文化节”在重庆市德普外国语学校体育活动中心举…

用计算机表白我不喜欢你了,隐藏式表白,表白不一定要用“我喜欢你”这几个字...

要知道女生都是喜欢浪漫的,浪漫不失为一种提升表白成功率的方式。但表白的时候,如果只是一束鲜花,一句简单“我喜欢你”,难免显得太过乏味,而且不够浪漫。那该怎么给表白添加一点新意和浪漫呢?下面,是小编…

切片分析报告格式_社科论文写作101-APA数据分析结果报告格式

什么比写论文更惨?改论文!!特别是搞量化数据的,少个数据或报告格式不正确的话,重新搞数据和格式吧——又要打开spss,又要在网上看数据分析步骤,又要在熟悉的word界面花上一天。所以,…

如何关闭借呗订阅开通通知_支付宝花呗借呗隐藏规则,芝麻分600以上,花呗3.6万,借呗12万!...

阅读本文前,请您先点击上面的“蓝色字体”,再点击“关注”,这样您就可以继续免费收到文章了。每天都有分享,完全是免费订阅,请放心关注。 注:本文转载自网络,侵删经常遇到网友反馈,…

骁龙660是32位还是64位_微软公布v2004最低处理器要求,放弃32位系统,你的CPU还能支持吗?...

最近关于win10 20H1(win10更新五月版)的消息铺天盖地席卷而来,据说只有开发者用户可以先行在MSDN订阅网站下载该版本的ISO镜像文件,对于主流消费者而言,预计要再煎熬等到28日。而且微软也提前更新支持文档,…

中石油《计算机应用基础》,2017中国石油大学《计算机应用基础》第3阶段在线作业.doc...

2017中国石油大学《计算机应用基础》第3阶段在线作业.doc (23页)本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!19.90 积分窗体顶端1(2.0分)在Excel2010的工作表中,假定C3:C8区…

产品战略规划十步法ppt_从管理咨询角度谈如何系统地做产品战略规划?

来源:知乎作者:柚先生,著作权归作者所有。一个优秀的PM必须系统掌握与产品相关的知识和技能,本文结合了笔者工作以来的收获与最近研读的《产品心经》和《金字塔原理》,分享一套做战略规划的系统思维和方法论(同时适用于…

计算机用鼠标画图,实现鼠标在电脑上画画

鼠标的功能多种多样你知道怎么用鼠标画画吗?不知道的话跟着学习啦小编一起来学习怎么用鼠标画画。鼠标在电脑上画画的步骤首先打开国际上使用比较受欢迎的漫画和插画类绘图软件SAI,然后CTRLN新建一个文件,并使用软件右边工具栏的油漆桶,点选…

c# opencv 轮廓检测_基于OpenCV的区域分割、轮廓检测和阈值处理

OpenCV是一个巨大的开源库,广泛用于计算机视觉,人工智能和图像处理领域。它在现实世界中的典型应用是人脸识别,物体检测,人类活动识别,物体跟踪等。现在,假设我们只需要从整个输入帧中检测到一个对象。因此…

斑马888t打印机墨盒安装_硒鼓?墨盒?究竟哪个才是打印机的“灵魂伴侣”?...

硒鼓和墨盒是当代打印机完成打印必不可少的配件,在打印过程中,如果没有这两样,那么打印机将无法启动,打印不出任何东西。但同样作为可以让打印机成像的东西,这二者之间也有着很大的区别。而今天,墨弘办公耗…

当前不会命中断点_原神:体验服新角色胡桃,0命就能起飞,难道是策划良心发现了?...

枪开黄泉路,蝶引来世桥。——胡桃文/拾柒​导读:原神的玩家最喜欢调侃的一句话大概就是“蒙德人上人,璃月弟中弟”。其实也就是当前1.2版本,璃月基本上拿不出一个“挑大梁”的角色。而玩家的主要核心输出角或者辅助角色基本都是来…

计算机启动类型bios,UEFI还是Legacy BIOS?如何确定Windows启动类型

经常会有朋友在Q上询问关于系统方面的问题,多半都与安装方法有关,因此经常需要判断电脑上的Windows启动方式是什么,是UEFI还是BIOS呢?为了方便后来人查看,这里豆豆总结三个方法:最装X方法:在安装…

云耀云服务器性能怎么样,华为云测评:2CPU+4G内存+5M带宽的云耀云服务器HECS

最近入手了一台华为云的云耀云服务器!是一台经典的245配置!价格非常美丽(新用户有特价)!特此写一篇测评,这是第一篇针对国内云服务器的测评!云服务器测评内容全是博主亲测的,商家后来配置变更/网络变化&…

从714里连续减去6减几次得0_数学干货 | 小学数学1—6年级基础知识整理 ,预习复习都能用...

小学数学基础知识整理(一到六年级)小学一年级:初步认识加减法。学会基础加减。小学二年级:完善加减法,表内乘法,学会应用题,基础几何图形。小学三年级:学会万以内加减法,长度单位和质量单位&…

云信服务器代码,云信一键登录服务端API文档-一键登录-网易云信开发文档

一键登录 >服务端 API 文档一键登陆服务端API文档接口概述API调用说明本文档中,所有调用网易云信服务端接口的请求都需要按此规则校验。API checksum校验以下参数需要放在Http Request Header中参数参数说明AppKey开发者平台分配的appkeyNonce随机数(最大长度128…

c# 溢出抛异常_Rust竟然没有异常处理?

学习Rust最好的方法,就是和其他主流语言,比如Java、Python进行对比学习。不然怎么能get到它的特别呢?1. 主流模式:try-catch-finally基本上,当你学会了某种语言的try/catch,对这套机制的理解就能够迁移到其…