Нажми на ссылку в html - PullRequest
       1

Нажми на ссылку в html

3 голосов
/ 28 января 2012

Я хочу сделать кнопку, которая перенаправит меня на другую страницу.

код:

 <div align="right" ><input type="submit" id="logout" onclick="location.href=/login?dis=yes" value="Sign Out" ></div><BR>

но когда я нажимаю кнопку, я не получаю перенаправления на другую страницу.

есть идеи почему?

Ответы [ 7 ]

6 голосов
/ 28 января 2012

Ваш текущий код, даже если синтаксис исправлен путем добавления кавычек, создает кнопку, которая не работает, когда JavaScript отключен.Более простой и безопасный подход - это небольшая HTML-форма:

<form action="/login">
<input type=hidden name=dis value=yes>
<input type=submit value="Sign Out">
</form>

Чтобы добиться желаемого стиля, вы можете добавить следующую таблицу стилей:

form { display: inline; float: right; }
6 голосов
/ 28 января 2012

Возможно, попробуйте это с помощью кнопки type = "" и поместите в кавычки местоположение.

<div align="right"><input type="button" id="logout" onclick="location.href='/login?dis=yes'" value="Sign Out" ></div>
2 голосов
/ 28 января 2012

не используйте

<input type="submit" />

потому что это используется для публикации формы, вместо этого вы должны использовать

<input type="button" onclick='location.href="/login?dis=yes"'/> 

для перенаправления или простого тега привязки

<a href="/login?dis=yes">Sign Out</a>
0 голосов
/ 09 декабря 2012

Я бы сказал вам то же самое, что есть у всех остальных. Вместо того, чтобы использовать: location.herf вы должны использовать: window.location Надеюсь, это поможет вам!

0 голосов
/ 28 января 2012

попробуйте

window.location='/login?dis=yes';

как

        <div align="right" >
<input type="submit" id="logout" 
    onclick="window.location='/login?dis=yes';" value="Sign Out" ></div>
0 голосов
/ 28 января 2012
  • Установите целевое значение Window.Location, чтобы вы изменили правильную цель.
  • add return false;чтобы кнопка «Отправить» не пыталась отправить форму.
  • Поместите URL в одинарные кавычки, чтобы избежать ошибок синтаксического анализа.

Выход

Основная причина того, что ваша кнопка, как она задумана, не будет работать, заключается в том, что она является кнопкой «Отправить».Когда вы нажимаете на это, он пытается выполнить действие отправки после выполнения действия onclick, по существу игнорируя действие onclick.

Вы можете исправить это, используя кнопку type = "button", или приведенное выше решение, которое я перечислил, если вы должны использовать кнопку "submit".

0 голосов
/ 28 января 2012

Ваш код JavaScript недействителен.

Используйте это:

<div align="right" ><input type="submit" id="logout" onclick="location.href='/login?dis=yes'" value="Sign Out" ></div><BR>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...