Question

我尝试使用以下代码使用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>

Answer 1

你不应该那样使用document.write。整个文档树完成后，document.write将覆盖整个页面。它实际上只能在呈现页面时用于内联脚本。

即便如此，也不推荐。使用jQuery，或者用于真正令人沮丧的体验document.createElement(..)和appendChild(document.createTextNode(..))

我试图使用document.write（）只给出输出

1 个答案: