JavaScript問題打開新頁面

點擊提交按鈕後，我想導航到不同的頁面。由於我必須做一些操作，我必須通過JavaScript函數來完成。JavaScript問題打開新頁面

但它不工作，我得到這兩個警報，但它不是導航到index.html（它與當前頁面在同一級別），即使url不會改變。你能幫我解決嗎？

<html> 
    <head> 
     <title>Page Title</title> 
     <script type="text/javascript"> 
      function recordPickupDetails1(){ 
       alert("calling"); 
       location.href='index.html'; 
       alert("calling after"); 
     } 
    </script> 
</head> 
<body> 
    <form onsubmit="recordPickupDetails1()"> 
     <ul> 
      <li> 
       <h2>Pickup Details</h2> 
      </li> 
      <li> 
       <label for="name">Name:</label> 
       <input type="text" id="name" name="name" pattern="[A-Za-z ]*" required /> 
      </li> 
      <li>     
       <button class="submit" type="submit" > Next </button> 
      </li> 
     </ul> 
    </form> 
</body>

來源

2015-06-25 Elike

這種嘗試：location.replace（「http://www.w3schools.com」）; http://www.w3schools.com/jsref/met_loc_replace.asp –

您需要更改location.href = 'index.html'到window.location.href ='index.html'

這裏是工作的代碼JSBin。

http://jsbin.com/giruweqaba/edit?html,js

http://jsbin.com/giruweqaba

來源

2015-06-25 21:50:59 jbman223

謝謝，但仍然沒有工作，我試着用這個window.location.href ='index.html'; – Elike

試試這個：'location.replace（「index.html」）;'如@Akul所述超過 – jbman223

謝謝，但我也嘗試過。這是爲你工作嗎？ – Elike

添加動作到表單中。你不需要JavaScript。

<form action="index.html">

http://jsfiddle.net/vm3m74q1/5/

小提琴被更新，所以你可以使用JavaScript做一些你之前提交。

來源

2015-06-25 21:51:29 patricmj

謝謝，但我需要做一些操作，以及內部的JS功能。 – Elike

如果你想要做一些操作，然後再決定是否提交應做或不嘗試：

<script> 
function recordPickupDetails1(){ 

    alert("calling"); 
    // if you want stop function and submit use: 
    return false; 
    alert('call2'); 
} 
</script> 
<from action="index.htm" onsubmit="return recordPickupDetails1()">

來源

2015-06-25 21:57:50 Adam

JavaScript問題打開新頁面

回答

相關問題