如何在Javascript中将图像添加到if语句？
在JavaScript中，要将图像添加到if语句中，可以使用HTML的<img>标签和JavaScript的条件判断语句来实现。以下是一个示例：
<!DOCTYPE html>
<html>
<body>
<h2>添加图像到if语句</h2>
<p id="demo"></p>
<script>
var time = new Date().getHours();
var greeting;
if (time < 10) {
greeting = "早上好";
document.getElementById("demo").innerHTML = greeting;
document.getElementById("demo").innerHTML += "<br><img src='morning.jpg'>";
} else if (time < 20) {
greeting = "下午好";
document.getElementById("demo").innerHTML = greeting;
document.getElementById("demo").innerHTML += "<br><img src='afternoon.jpg'>";
} else {
greeting = "晚上好";
document.getElementById("demo").innerHTML = greeting;
document.getElementById("demo").innerHTML += "<br><img src='night.jpg'>";
}
</script>
</body>
</html>在上述示例中，我们使用new Date().getHours()获取当前的小时数。然后，我们使用if语句根据时间的不同，设置不同的问候语和对应的图像。通过JavaScript的DOM操作，我们可以将问候语和图像添加到指定的HTML元素中，如上述示例中的<p id="demo"></p>。
请注意，这个示例中的图像文件（morning.jpg、afternoon.jpg、night.jpg）应该是您项目中实际存在的图像文件。如果图像文件不在同一目录下，您需要相应地调整图像文件的路径。
这个例子仅仅是一个简单的展示，在实际开发中，您可以根据需要扩展和优化代码。
相关·内容
我是JavaScript的新人，对我很有耐心。我正在尝试让这个小“游戏”发挥作用，当你将卡片拖入drop box时，当你将小丑卡片放入其中时，它会显示“胜利”，否则它会显示其他卡片的“出卖”。</center></div>
</html>
$(docume
浏览 14提问于2019-10-14得票数 0
1回答
如何在html文件中将所有图像的大小调整为400*300，以保持以下条件？，只有一个javascript位于顶部，没有任何额外的文件，如css，目前没有图像的Ids ()
换句话说，我正在找到一个表单的javascript (blahblah部分)。
浏览 2提问于2020-09-26得票数 0
回答已采纳
如何在Bash中将CSV文件转换为MySQL更新语句？我可以将其转换为INSERT语句，但我希望将其转换为update语句并将其添加到现有行中。
浏览 1提问于2016-03-03得票数 0
如何在单行语句中将html颜色值(如"#FFE5E5E5“)转换为system.windows.media.brush？
浏览 0提问于2018-02-10得票数 0
1回答
我想以编程的方式从of资产中将几幅图像加载到数组中。我不知道资产中有多少图像，但这些图像是按顺序命名的，如："img1_1"、"img1_2"、"img2_1"、"img2_2"、.我将图像放在资产内部的文件夹中，因此文件夹"images1"包含以"img1_"开头的所有图像，而名为"images2"的文件夹包含以"img
浏览 7提问于2016-08-31得票数 2
回答已采纳
3回答
如何将jpg图像作为ByteArray从as3发送到javascript？以及如何在javascript中将ByteArray转换为图像？
浏览 0提问于2010-01-10得票数 9
回答已采纳
我的请求："“
如何在linq to sql中查询，如sqlserver2008中的" in“语句。如何在linq to sql中将同一列的多个参数作为字符串发送给SP。请帮帮我..。
浏览 3提问于2012-03-30得票数 0
回答已采纳
3回答
如何将用户数据存储在智能契约上，而不将其公开给其他节点读取？我在某个地方读到，您可以存储数据指针，而不是契约上的数据，并将其用于脱机数据交换。数据指针在这里意味着什么？
浏览 0提问于2017-02-10得票数 4
我试图找出如何在需要查找对象的类名的情况下执行开关语句，然后根据类名(在switch语句中)执行一些操作。在本例中，当类包含特定的单词(如"person“)时，我需要开关语句来执行我需要的任何操作。htmljavascript
$(document).on('mousedown', function(e) {(如
浏览 6提问于2014-08-16得票数 4
回答已采纳
我正在使用用于图像覆盖的Adipoli jquery插件(从灰色到彩色over..but，现在我还想添加一个文本标题。它说它有一个文本覆盖功能(在可用选项下)，但不知道如何在html中将文本添加到我的图像上。<script type="text/javascript"> { {
浏览 1提问于2013-03-18得票数 1
是否可以在Dynamics字段中存储二进制信息？例如，我想在Dynamics数据库中存储一个MS Word文档。
浏览 0提问于2010-05-13得票数 1
回答已采纳
2回答
如何在组件中将以下行添加到标题中？
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script
浏览 5提问于2011-08-05得票数 2
回答已采纳
10回答
如何在Javascript中将数组(如["Susy", "John", "Mary"] )转换为"Susy, John, and Mary"？我就是忘不了Ruby的to_sentence方法。
浏览 10提问于2013-02-08得票数 14
回答已采纳
1回答
如何在OpenGLES中将图像分割成一个小四边形的网格。可以使用OpenGL吗？我是OpenGL的新手。在编辑头发图像(如)之前和编辑后的头发图像，如
所以图像从任何方面延伸到任何方面。
浏览 3提问于2013-03-29得票数 6
如何在javascript中将数据库日期(如mm/dd/yyyy、dd/mm/yyyy、yyyy/mm/dd )转换为new Date() (GMT)或(IST)格式
浏览 0提问于2016-04-13得票数 0
如何在iOS中将UIImage转换为白色，如UITabBar。在UITabBar中，图像是黑色的，但它显示为白色。有人能帮我吗？
浏览 2提问于2011-01-25得票数 0
回答已采纳
使用object.on('selected'，function() {})，我可以获得被单击的图像对象。我的意图是通过单击URL来重定向到该URL。如何在Fabric.js中将URL添加到图像中，或者更一般地添加到对象？
浏览 0提问于2015-04-12得票数 1
3回答
我想在缓存中存储图像，以加快我的网站速度。那么，如何在Javascript或jQuery中将图像存储在缓存中以优化网站的速度呢？
浏览 3提问于2013-03-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
