gpt4 book ai didi

javascript - 将 javascript 输出消息返回到 html 正文中

转载 作者:行者123 更新时间:2023-11-28 01:53:13 26 4
gpt4 key购买 nike

显示网页背景,在网页上我想要一个图像,当点击它时它会运行一个要求输入两个整数的 javascript 警报。如果一个多/少,那么它会在 javascript 警报窗口中显示输出。如果相等,则返回语句“数字”和“”相等。”

第一个问题:单击按钮后,一旦弹出 javascript 警报窗口,我的 .gif 背景就会停止运行。我想在 java 警报进行时保持我的 .gif 动画运行。(即 .gif 是海浪)

这部分是正确的:如果一个多/少,那么它会在 javascript 警报窗口中显示输出。

第二个问题:如果它相等,则返回“数字”和“”相等的说法。它确实给了我正确的输出,除非它返回值时我的 .gif 消失了,我只有谚语“数字”和“”是相等的。在空白网页上。我希望它以 .gif 背景在网页上显示这句话。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<style>

html{
background-image:url(images/BirdsOnThePost.gif);
background-size:cover;
background-color:#FFF;
background-repeat:no-repeat;
height:100%;
}

h1{
font-size:40px;
font-family: 'Special Elite', cursive;
color:#FFF;
text-shadow: 3px 3px 3px #333333;
}




</style>
<script>

function myFunction()
{

// Wait for window load

var firstnum;
var secondnum;
firstnum = window.prompt("Enter any Integer Value:");
secondnum = window.prompt("Enter any second Integer Value:");
var first = parseInt(firstnum);
var second = parseInt(secondnum);
if(first>second)
{
window.alert( first + " is Larger than " + second );
}
else if(second>first)
{
window.alert( second + " is Larger than " + first );
}

else if(first == second)
{
document.writeln("<h1>The numbers " + first + " and " + second + " are equal</h1> ");
}
}


</script>

</head>

<body>

<h1></h1>
<input type="button" onclick="myFunction()" value="Show alert box" />
</body>

</html>

最佳答案

我可以帮助解决第二个问题。

如果您向页面添加一个元素,例如:

<div id="output"></div>

然后代替

document.writeln("<h1>The numbers "  + first + " and " + second +  " are equal</h1> ");

var html = "<h1>The numbers "  + first + " and " + second +  " are equal</h1>"
document.getElementById('output').innerHTML = html;

这将按照您的意愿在背景上打印您的消息。

作为第一个问题,我使用您的代码在后台运行了一个 gif 动画,当我点击警报按钮时它没有停止,所以我不知道这是怎么回事。看起来不错。

关于javascript - 将 javascript 输出消息返回到 html 正文中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18814662/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com