将 JavaScript 输出消息返回到 HTML 正文中

return javascript output message into body of html

本文关键字：HTML 正文 返回 JavaScript 输出 消息      更新时间：2023-09-26

显示网页背景，在网页上我想要一个图像，当单击它时，它会运行一个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，当我单击警报按钮时它并没有停止，所以我不知道这是怎么回事。似乎没问题。

相关文章：