javascript - 当我在 Firefox 中使用 document.write(onClick) 时页面会重新加载

Question

我用 PHP 编写了一个基本计算器的代码，我必须使用 JavaScript 将其显示在屏幕上。但是，当我尝试在 Firefox 中进行任何计算时，页面会重新加载并显示空白代码，并且仅显示 0。

在 Google Chrome 中，一切看起来都很好。

我尝试放置 document.open() 和 document.close()，这在 Chrome 中仍然可以正常工作，但在 Firefox 中没有任何反应。

有人有办法解决这个问题吗？

这是我的功能:

<?php 
function calcular(){
  $n1 = isset($_POST["val1"])?$_POST["val1"]:0;
  $n2 = isset($_POST["val2"])?$_POST["val2"]:0;
  $op = isset($_POST["operacao"])?$_POST["operacao"]:1;

  switch ($op) {
    case 'subtracao':
      $res = $n1 - $n2;
      break;    

    case 'multiplicacao':
      $res = $n1 * $n2;
      break;

    case 'divisao':
      $res = $n1 / $n2;
      break;

    default:
      $res = $n1 + $n2;
      break;
  }

  echo $res;
}
?>

表单上的代码:

<input type="text" name="resultado" value="<?php calcular(); ?>">
<input type="submit" name="botao" value="Calcular" onclick="document.open();document.write('<?php calcular(); ?>');document.close();">

谢谢!

Answer 1

您不需要 JavaScript。只要保留你的 php 函数就可以了:

<?php
function calcular() {
    // your function...
}
?>
<form method="post">
    <p><input type="text" name="val1"></p>
    <p><input type="text" name="val2"></p>
    <p><input type="text" name="operacao"></p>
    <p><input type="submit"></p>
</form>
<div>
    <?php calcular(); ?>
</div>