2

Web ページの背景を表示します。Web ページで、クリックすると 2 つの整数を入力するように求める JavaScript アラートが実行される画像が必要です。どちらかが多い/少ない場合は、javascript アラート ウィンドウに出力が表示されます。等しい場合は、「数字 "" と "" は等しい」ということわざを返します。

最初の問題: ボタンをクリックすると、javascript 警告ウィンドウがポップアップすると、.gif バックグラウンドの実行が停止することです。Java アラートが発生している間、.gif アニメーションを実行し続けたいと思います。(つまり、.gif は海の波です)

この部分は正しいです: 1 つが多い/少ない場合は、javascript 警告ウィンドウに出力が表示されます。

2 番目の問題: 等しい場合は、「数字 "" と "" は等しい」ということわざを返します。値を返す場合を除いて、正しい出力が得られます。数字 "" と "" は同じです。空白の Web ページで。.gif 背景の Web ページにことわざを表示したいと思います。

<!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>
4

1 に答える 1

1

2番目の問題を解決できます。

次のような要素をページに追加するとします。

<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 を実行しましたが、アラート ボタンをクリックしても停止しなかったため、何が起こっているのかわかりません。大丈夫そうです。

于 2013-09-15T17:08:42.333 に答える