javascript - 如何在按钮单击事件上重定向页面

Question

我在表单上使用了一个按钮。单击该链接时，如何链接到另一个网页/文件？这是我尝试过的代码，但不起作用。

<button class="btn" data-bind="click: function() { document.location.href=$(this).attr('RiskAssessmentMain.aspx'); }">back</button>

Answer 1

<input type='button'value='back' class="btn" onclick="document.location.href='RiskAssessmentMain.aspx';"/>

试试看：http: //jsfiddle.net/wzy4B/

Answer 2

<form> 在action属性中设置你想去的url 。然后使用 asubmit而不是button.
这是一个例子：

 <form action="http://google.com">   
    <input type="submit" value="Google">
 </form>

Answer 3

你可以试试这个

<script>
      function open_win() {
           window.open("http://www.google.com")
      }
</script>

或者你也可以这样做

<script>
       function openWin() {
            myWindow=window.open('','','width=200,height=100');
            myWindow.document.write("<p>This is 'myWindow'</p>");
            myWindow.focus();
       }
</script>

<input type="button" value="Open window" onclick="openWin()" />

Answer 4

试试这个

  <nav>
    <ul>
      <li><a href="#">button</a></li>
    </ul>
  </nav>

这是CSS

nav
{
    position:fixed;
    bottom:350px;
    left:600px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    background: #FFD700; 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;  
    list-style: none;
    position: relative;
    display: inline-table;
    color:black;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}

nav ul li:hover {
    background:     #FFD700;
    color:white;
}

nav ul li:hover a {
    color:black;
}

nav ul li a {
    display: block; padding: 25px 40px;
    color: maroon; text-decoration: none;
}

nav ul ul {
    background:     #CFB53B;border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}

nav ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
}

nav ul ul li a {
    padding: 15px 40px;
    color: #fff;
}   
nav ul ul li a:hover {
    background: #996515;
}

Answer 5

<a href = "https://stackoverflow.com/"><button type = 'submit' class = 'btn'>Let's Go Home</button></a>

我们也可以使用标签。我们必须删除按钮外观的文本装饰。像这样的东西。