javascript - ボタンクリックイベントでページをリダイレクトする方法

Question

フォームのボタンを使用しています。そのリンクをクリックしたときに別のWebページ/ファイルにリンクするにはどうすればよいですか？これが私が試したコードですが、機能しません。

<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を設定します。submitの代わりにa を使用し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;
}