4

最初のテキスト ボックスを接続してみたら、それが URL に変わり、[検索] をクリックすると、その Web サイトにジャンプするようになりました。助けてください、よろしくお願いします！

<html>

<head>
</head>

<body>
  <script type="text/javascript">
    function link() {
      var link_s = document.getElementById('link_id').value;
      document.getElementById('link_str').innerHTML = link_s.link()
    }
  </script>

  <h2> Search box </h2>
  <input type='text' id='link_id'>
  <input type='button' id='link_str' value='Search' onClick='link()'>
</body>
<html>

4

3 に答える 3

3

この JavaScript を試してください:

function goTo()
{
    location.href = document.getElementById('link_id').value;
}

onclickHTMLの を次のように変更します。

<input type='text' id='link_id'>
<input type='button' id='link' value='Search' onClick='javascript:goTo()'>

編集：

目立たない JavaScript の方法に従いたい場合はonclick、JavaScript コードに完全に移動し、HTML でそれを削除します。

document.getElementById('link').onclick = function()
{
    location.href = document.getElementById('link_id').value;
};
于 2013-08-10T23:29:03.307 に答える
2

これが私がそれを行う方法です：

 <input type="text" id="link-box"/>
 <input type="button" id="search-button" value="Search" 
        onclick="window.location = document.getElementById('link-box').value;"/>

もちろん、これを行うことができます：

 <script type="text/javascript">
      function func(){
           window.location = document.getElementById('link-box').value;
      }
 </script>

とonclick="func();"

または

<script type="text/javascript">
       document.getElementById("search-button").onclick = function(){
            window.location = document.getElementById('link-box').value;  
       };        
 </script>

それとも最後に

 <script type="text/javascript">
       document.getElementById("search-button").addEventListener("click", function(){
            window.location = document.getElementById('link-box').value;
       });
 </script>
于 2013-08-10T23:27:10.440 に答える