Javascript 带有简单表单的网页在表单提交时重新加载

Javascript 带有简单表单的网页在表单提交时重新加载,javascript,html,Javascript,Html,我有一个简单的HTML表单,正在使用JavaScript将输入的值显示到网页上,但每次我点击submit时,网页都会重新加载 我已经在上读了这个问题,但那是jQuery和e.preventDefault()在我的情况下不起作用。 如何阻止页面重新加载 我有以下代码: 函数myFunction(){ 变量pm1,sqrtInt,pm2,constant; pm1=document.getElementById(“pm1”).value; pm1=document.getElementById(“

我有一个简单的HTML表单,正在使用JavaScript将输入的值显示到网页上,但每次我点击submit时,网页都会重新加载

我已经在上读了这个问题,但那是jQuery和
e.preventDefault()在我的情况下不起作用。
如何阻止页面重新加载

我有以下代码:

函数myFunction(){
变量pm1,sqrtInt,pm2,constant;
pm1=document.getElementById(“pm1”).value;
pm1=document.getElementById(“sqrtInt”).value;
pm1=document.getElementById(“pm2”).value;
pm1=document.getElementById(“concent”).value;
document.getElementById(“证明”).innerHTML=
“
pm1=”+pm1+ “
sqrtInt=”+sqrtInt+ “
pm2=”+pm2+ “
便秘=”+便秘; }
#证明{
背景:黑色;
颜色:黄色;
宽度:100%;
身高:20%;
}
形式试验
负(-)
加号(+)
负(-)
加号(+)


要做两件事:

  • return
    添加到
    onsubmit
    代码:

    <form onsubmit="return myFunction()">
    
  • 函数myFunction(){
    变量pm1,sqrtInt,pm2,constant;
    pm1=document.getElementById(“pm1”).value;
    pm1=document.getElementById(“sqrtInt”).value;
    pm1=document.getElementById(“pm2”).value;
    pm1=document.getElementById(“concent”).value;
    document.getElementById(“证明”).innerHTML=
    “
    pm1=”+pm1+ “
    sqrtInt=”+sqrtInt+ “
    pm2=”+pm2+ “
    便秘=”+便秘; 返回false//
    return false;