Форум

fError · #1 (**permalink**) 16.08.2014, 14:16

function goGoogle(){
    location.href='http://www.google.ru'
}

<input type="button"  value="Button1" onclick="goGoogle()">

- переходит на гугль

<button onclick="goGoogle()"> Button1</button>

- никакой реакции
alert\console.log отрабатывает и там и там нормально

Erolast · #2 (**permalink**) 17.08.2014, 16:18

Проверь, не перезаписалась ли где переменная location.

igrok54 · #3 (**permalink**) 17.08.2014, 16:55

лучше так:

function goGoogle(){
   window.location.href='http://www.google.ru';
}

fError · #4 (**permalink**) 20.08.2014, 14:40

Да кроме этих двух кнопок ничего и нет. Нечего там поверять. Бредота какая то =)

tsigel · #5 (**permalink**) 20.08.2014, 14:47

<button onclick="goGoogle(); return false"> Button1</button>

Странно, вообще у меня и то и то работает

skrudjmakdak · #6 (**permalink**) 20.08.2014, 14:55

у меня все работает:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <script type="text/javascript">
        function goGoogle(){
    location.href='http://www.google.ru'
}
    </script>
	<input type="button"  value="Button1" onclick="goGoogle()">

    <input type="button"  value="Button1" onclick="goGoogle()">
</body>
</html>

попробуй в функции поставь console.log(location);

tsigel · #7 (**permalink**) 20.08.2014, 14:57

skrudjmakdak,
А у меня ваш пример сыпит ошибку "Refused to display 'https://www.google.ru/?gws_rd=ssl' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'."

skrudjmakdak · #8 (**permalink**) 20.08.2014, 15:05

видимо из за фрейма. запустите в отдельном файле, должно быть ок

fError · #9 (**permalink**) 21.08.2014, 00:49

Короче разобрался в чём проблема. Всё оказалось просто, но всё равно не очень понятно. Если тег <button> находится вне формы, всё работает как надо. Как только обрамляешь его <form></form> - с локейшном всё плохо, алерты работают)) С инпутом такого нет. Почему??? Кто-нибудь может объяснить?

Так не работает. Уберёте form - заработает.

<!DOCTYPE html>
<html>
<head>
    <title>goGoogle</title>
</head>
<body>
    <script>
        function goGoogle(){
            window.location.href = "http://www.google.ru";
            alert("Click!!!");
        }
    </script>
    <form>
        <button onclick="goGoogle()">goGoogle tag-button</button>
        <input onclick="goGoogle()" type="button" value="goGoogle input-button">
    </form>

</body>
</html>

skrudjmakdak · #10 (**permalink**) 21.08.2014, 08:19

хм, действительно так, но если посм на вот такой код:

<!DOCTYPE html>
<html>
<head>
    <title>goGoogle</title>
</head>
<body onload="console.log(new Date());">
    <form>
        <button>goGoogle tag-button</button>
    </form>

</body>
</html>

то можно усмотреть, что страница передергивается при нажатии на кнопку.
п.с. запускать у себя, здесь не хотит

поэтому надо прописывать так: <button type="button">goGoogle tag-button</button>, видимо по дефаулту идет submit

Форум

Справочник

Discord чат

Курсы javascript