2012-02-21 5 views
0

私はdocument.writeを使用して計算を出力するために次のコードを使用しようとしましたが、IEは私に結果を与えます。他のブラウザはフォームを返すだけです。そしてなぜ私は見つけることができないのですか? 私はdocument.write()を使用しようとしました。IEは出力を与えます

<html> 
<head> 
<script type="text/javascript"> 
function main() 
{ 
    var area=form1.height.value*form1.base.value/2; 
    this.document.write("<p>The area is "+area+"</p>"); 
    //return form1.area.value=area; 
} 
</script> 
</head> 
<body> 
<h2>Triangle Area</h2> 
<form method="get" name="form1" id="form1"> 
    <p>Height: 
    <input name="height" type="text"> 
    </p> 
    <p>Base: 
    <input name="base" type="text"> 
    </p> 
    <p> 
    <input type="submit" name="Submit" value="Calculate" onclick="main()"> 
    </p> 
</form> 

</body> 
</html> 

答えて

0

あなたはそのようなdocument.writeを使用しないでください。ドキュメントツリー全体が終了したら、document.writeがページ全体を上書きします。ページがレンダリングされている間は、実際にはスクリプトのインライン部分でのみ使用できます。

それでも、それはお勧めできません。 jQueryを使用するか、実際に不愉快な経験をするにはdocument.createElement(..)appendChild(document.createTextNode(..))

関連する問題