2015-06-25 4 views
1

Я хочу перейти на другую страницу после нажатия кнопки «Отправить». Поскольку я должен выполнить некоторые операции, я должен сделать это с помощью функции 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> 

+0

Попробуйте с этим: location.replace («http://www.w3schools.com»); http://www.w3schools.com/jsref/met_loc_replace.asp –

ответ

2

Вам нужно изменить location.href = 'index.html' к window.location.href ='index.html'

Вот JSBin с рабочим кодом.

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

http://jsbin.com/giruweqaba

+0

Спасибо, но все еще не работает, я попытался с этим window.location.href = 'index.html'; – Elike

+1

Попробуйте следующее: 'location.replace (" index.html ");' как указано @Akul выше – jbman223

+0

Спасибо, но я тоже это пробовал. Это работает для вас? – Elike

2

Добавить действие в форму. Вам не нужен javascript.

<form action="index.html"> 

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

скрипку обновляется, так что вы можете использовать JavaScript, чтобы сделать что-то, прежде чем представить.

+0

Спасибо, но мне нужно также выполнить некоторые операции внутри функции js. – Elike

0

Если вы хотите сделать какую-то операцию, а затем решить, если представить, должны по делать или не попробовать:

<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()"> 
Смежные вопросы