4

我尝试连接第一个文本框，所以它会变成一个 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>

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 回答
2

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

<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，然后使用浏览器打开以进行测试。

于 2015-10-10T07:20:36.520 回答