Javascript 造成问题的形式形象

这是我的问题-我试图在我的网站上为委员会成员制作一个锁定页面。。。当我将图像作为表单的输入时，它会在浏览器的导航栏中添加一些奇怪的内容…（例如：？x=632&y=43），这会阻止我正确链接到正确的页面

这是我锁定页面链接的代码-

<div class="logon">
  <SCRIPT>
    function passWord() {
    var testV = 1;
    var pass1 = prompt('Please Enter The Password','');
    while (testV < 3) {
       if (!pass1)
           history.go(0);
       if (pass1.toLowerCase() == "qwertyuiop") {
           alert('You Got it Right!');
           window.open('target.html');
           break;
       }
       testV+=1;
       var pass1 =
       prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
   }
   if (pass1.toLowerCase()!="password" & testV ==3)
       history.go(0);
   return " ";
}
</SCRIPT>
<FORM>
<input type="image" class="logonimg" src="/img/Committee Member Access.png" onClick="passWord()">
</FORM>
  </div>

我怎样才能解决这个问题

---

提前谢谢

这些是他们在页面上创建的

state

变量。你为什么要“修复”它们？你是说你想要更整洁的网址？有很多解决方案，看看url路由。什么是“链接到正确的页面？”请尝试删除

表单

标记

.logon {  
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #ff9999;
    border: 5px solid #ff9999;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.logonimg { 
    height: auto;
    width: 10%;
    position: fixed;
    bottom: 0;
    right: 0;
}