Question

我尝试连接第一个文本框，因此它会将其转换为URL，然后当点击“搜索”时，它会跳转到该网站，不确定它是否不可能，或者我只是无能为力，但是真的很感激一些帮助，谢谢你提前！

  <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>

Answer 1

试试这个JavaScript：

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

并更改HTML中的onclick：

<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; };

Answer 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();"

或者                  document.getElementById（“search-button”）。onclick = function（）{                 window.location = document.getElementById（'link-box'）。value;
           };

或者最后

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

Answer 3

如果你想创建一个搜索谷歌的表格，请使用：

<script type="text/javascript">
function dos12(g1) {
window.open('https://www.google.com/#q='+g1 +" site:linkedin.com",      'G1window');
}

      </script>
  <form onsubmit="dos12(this.g1.value); return false;">
    <input type="text" name="g1" size="20" placeholder="Name" />
            <input type="submit" value="Submit" />
    Search Linkedin via Google<br />
    <br />
  </form>

如果您想搜索网站，则需要使用搜索字符串。例如，如果要搜索澳大利亚的ABN查找站点，则可以使用以下代码。

<script type="text/javascript">
function dos10(a1) {
window.open('http://abr.business.gov.au/SearchByName.aspx?SearchText=' + a1,   'a1window');
}

      </script>
  <form onsubmit="dos10(this.a1.value); return false;">
    <input type="text" name="a1" size="20" placeholder="Name" />
            <input type="submit" value="Submit" />
    ABN Lookup name<br />
    <br />
  </form>

希望这会有所帮助。你不需要添加任何其他东西。只需将其复制并粘贴到记事本或代码编辑器中，然后保存为test.html，然后使用浏览器打开以进行测试。

简单的JavaScript搜索框

3 个答案: