Onclick href in html

Question

我想制作一个按钮，将我重定向到另一个页面。

代码：

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

但是当我按下按钮，我没有得到任何重定向到另一个页面。

有什么想法为什么？

Answer 1

即使语法通过添加引号解决，您当前的代码也会创建一个在禁用JavaScript时不起作用的按钮。在简单和更安全的做法是一个小的HTML表单：

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

为了达到理想的造型，你可以添加以下样式：

form { display: inline; float: right; } 

Answer 2

您的JavaScript代码无效。

使用此：

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

Answer 3

也许尝试这种使用类型=“按钮”，并把该位置周围的报价。

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

Answer 4

• 将目标window.location的，所以你得到正确的目标改变。
• add return false;因此提交按钮不会尝试提交表单。
• 将URL放在单引号中以避免解析错误。

<输入类型= “提交” ID = “注销” 的onclick = “window.location.href = '/ DIS登录= YES？';返回false;”值=“退出” >

您的按钮，按设计，将无法工作的主要原因是因为它是一个“提交”按钮。当你点击它时，它试图在运行你的onclick动作后执行提交动作，本质上忽略了onclick动作。

如果您必须使用“提交”按钮，您可以通过使用type =“button”按钮或上面列出的解决方案来解决此问题。

Answer 5

试试这个

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

为

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

Answer 6

不使用

<input type="submit" /> 

，因为这是用来发布形式，而应该使用

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

重定向或纯锚标记

<a href="/login?dis=yes">Sign Out</a> 

Answer 7

我会告诉你，每个人同样的事情其他人有。而不是使用： location.herf你应该使用： window.location 希望这可以帮助你！