- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
显示网页背景,在网页上我想要一个图像,当点击它时它会运行一个要求输入两个整数的 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/
到目前为止,我已经生成了以下代码来尝试将相关数据整合在一起。 但是,使用“+ 7”函数会产生以下问题。 Registration date = '2018-01-01' 它正在推迟 2018-04-0
我已经成功地将我的自定义购物车发布到 PayPal——它处理订单非常漂亮,当收到付款时,它会将数据发回我在配置中指定的 URL。代码基于此处找到的库:http://www.phpfour.com/bl
我是一名优秀的程序员,十分优秀!