Fatal编程技术网
  • javascript/
  • JavaScript没有将结果值设置为<；p>'；s innerHTML

JavaScript没有将结果值设置为<；p>'；s innerHTML

javascript html

JavaScript没有将结果值设置为<；p>'；s innerHTML,javascript,html,innerhtml,Javascript,Html,Innerhtml,以下是我的HTML代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Calculator </titl

以下是我的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>
    Calculator
    </title>
    <script src="JScript1.js" type="text/javascript"></script>
</head>
<body>
  &nbsp &nbsp &nbsp &nbsp 
  <h1> Calculator </h1>
  <form>
    <input id="txt1" type="text" />
       &nbsp &nbsp &nbsp 

    <input id="rad1" type="radio" value="add" />add &nbsp
    <input id="rad2" type="radio" value="mul" />mul &nbsp
    <input id="rad3" type="radio" value="div" />div &nbsp
    <input id="rad4" type="radio" value="sub" />sub &nbsp

      &nbsp &nbsp &nbsp
    <input id="txt2" type="text" />
    <button id="mButton" value="Calculate" onclick="calculate()">Calculate!!</button>
  </form>
<p id="resultP">Result will be displayed here:</p>
</body>
</html>
最多<代码>警报（结果）工作正常。但它并没有在p标记中设置结果。另外，当我按下Calculate时，整个页面都会闪烁，在两个输入字段中输入的值都消失了

而且当我按下Calculate时，地址栏上的链接被更改为
/htmlCode.html？arithematic2=mul

页面会闪烁，因为它会重新加载。表单中默认的
类型是
submit
。JavaScript代码不会阻止提交表单，因此在执行
calculate
之后，它会重定向到同一页面，将所有表单数据添加到URL

您应该将按钮定义为

<button type="button" onclick="calculate()">Calculate</button>
页面会闪烁，因为它会重新加载。表单中默认的
类型是
submit
。JavaScript代码不会阻止提交表单，因此在执行
calculate
之后，它会重定向到同一页面，将所有表单数据添加到URL

您应该将按钮定义为

<button type="button" onclick="calculate()">Calculate</button>
页面会闪烁，因为它会重新加载。表单中默认的
类型是
submit
。JavaScript代码不会阻止提交表单，因此在执行
calculate
之后，它会重定向到同一页面，将所有表单数据添加到URL

您应该将按钮定义为

<button type="button" onclick="calculate()">Calculate</button>
页面会闪烁，因为它会重新加载。表单中默认的
类型是
submit
。JavaScript代码不会阻止提交表单，因此在执行
calculate
之后，它会重定向到同一页面，将所有表单数据添加到URL

您应该将按钮定义为

<button type="button" onclick="calculate()">Calculate</button>
这是因为按下事件触发表单以防止这种情况发生，您需要在单击时使事件静音。 
函数计算（事件）{event.preventDefault（）…

这是因为按下事件触发表单以防止这种情况发生，您需要在单击时使事件静音。 
函数计算（事件）{event.preventDefault（）…

这是因为按下事件触发表单以防止这种情况发生，您需要在单击时使事件静音。 
函数计算（事件）{event.preventDefault（）…

这是因为按下事件触发表单以防止这种情况发生，您需要在单击时使事件静音。 
函数计算（事件）{event.preventDefault（）…

尝试以下操作：

HTML 试试这个：

HTML 试试这个：

HTML 试试这个：

HTML
把这个加到你的按钮上，它就可以正常工作了

type='button'
把这个加到你的按钮上，它就可以正常工作了

type='button'
把这个加到你的按钮上，它就可以正常工作了

type='button'
把这个加到你的按钮上，它就可以正常工作了

type='button'
是的，好吧，它成功了。但这提出了另一个问题。我以前从未这样做过，而且一切都很顺利。为什么我现在必须
返回false
？
onsubmit
，
onclick
，
onsomething
属性定义在元素上触发事件时执行的代码（表单、链接、按钮等）。某些事件具有已定义的默认浏览器操作，例如，在表单提交事件之后，浏览器将该表单发送到URL。当
onsomething
属性中的代码返回
false
时，它会阻止默认浏览器操作，因为您“被告知”你用你的代码处理事件的浏览器。我相信你是对的。但我要说的是，我过去做的事情和过去做的事情都很好。现在它改变了吗？它是浏览器的某种新标准吗？不，多年来没有任何变化。在你链接的示例中，你不必阻止默认操作，因为se单击
没有默认的浏览器操作（或者“最坏”的默认操作是文本选择）。在您的情况下，表单中有一个
。默认情况下，没有
类型
属性的按钮是submit按钮。单击该按钮可提交表单。这是HTML标准中指定的。您的JavaScript执行没有问题，但之后页面被重新加载，因为表单已发送到当前文档。此默认值为你想阻止的动作。是的，好吧，它成功了。但这又提出了另一个问题。我以前从未这样做过，而且一切正常。为什么我现在必须
返回false
？
onsubmit
，
onclick
，
onsomething
属性定义在元素上触发事件时执行的代码（表单、链接、按钮等）。某些事件具有已定义的默认浏览器操作，例如，在表单提交事件之后，浏览器将该表单发送到URL。当
onsomething
属性中的代码返回
false
时，它会阻止默认浏览器操作，因为您“被告知”你用你的代码处理事件的浏览器。我相信你是对的。但我要说的是，我过去做的事情和过去做的事情都很好。现在它改变了吗？它是浏览器的某种新标准吗？不，多年来没有任何变化。在你链接的示例中，你不必阻止默认操作，因为se单击
没有默认的浏览器操作（或者“最坏”的默认操作是文本选择）。在您的情况下，表单中有一个
。默认情况下，没有
类型
属性的按钮是submit按钮。单击该按钮可提交表单。这是HTML标准中指定的。您的JavaScript执行没有问题，但之后页面被重新加载，因为表单已发送到当前文档。此默认值为你想阻止的动作。是的，好吧，它成功了。但这又提出了另一个问题。我以前从来没有这样做过，而且一切正常。为什么我现在必须
返回false
？
onsubmit
，
onclick
，
onsomething
属性定义co