-2

我这里有一些代码：

<html>
<script type="text/javascript">
    document.getElementById('myElement').onclick = function () 
    {
        var searchterm = document.getElementById('bereich').value;
        document.href("http://www.google.com/serach?q=" + searchterm);
    }
</script>
<body>
<center>
    <img src="https://www.google.de/images/srpr/logo3w.png"><br>
    <input type="text" name="q"> &nbsp; <input type="button" value="Search" onclick="startSearch()">
</center>

这是行不通的。我知道这根本就是一个菜鸟，但我不知道 javascript。任何人都可以帮助我吗？

添加：

我也试过：

<html>
<body>
<center>
<img src="https://www.google.de/images/srpr/logo3w.png"><br>
<input type="text" name="q"> &nbsp; <input type="button" value="Search" onclick="startSearch()">
</center>
<script type="text/javascript">
     window.onload = function(){
document.getElementById('myElement').onclick = function () 
{
    var searchterm = document.getElementById('bereich').value;
    document.href = "http://www.google.com/serach?q=" + searchterm;
}
     };

和：

<html>
<body>
<center>
<img src="https://www.google.de/images/srpr/logo3w.png"><br>
<input type="text" name="q"> &nbsp; <input type="button" value="Search" name="searchButton" onclick="startSearch()">
</center>
<script type="text/javascript">
function triggerGoogleSearch() 
{
var searchterm = document.getElementById('bereich').value;
document.href("http://www.google.com/serach?q=" + searchterm);
}   

document.getElementById('searchButton').onclick = triggerGoogleSearch();
</script>
</body>
</html>
4

4 回答 4

3

改变这个：

document.getElementById('myElement').onclick = function ()

对此：

function startSearch ()

并改变这个：

document.href("http://www.google.com/serach?q=" + searchterm);

对此：

window.location.href = "http://www.google.com/serach?q=" + searchterm;

并添加id="bereich"到您的<input type="text" name="q">喜欢中：

<input type="text" name="q" id="bereich">

如果你想通过 getElementById 找到它。

另外，将网址更改为：

http://www.google.com/serach

对此：

http://www.google.com/search

更新：

实际上，不要介意所有这些更正，忘记 JavaScript！

只需制作一个简单的 HTML 表单：

<img src="https://www.google.de/images/srpr/logo3w.png"><br>
<form action="http://www.google.com/search" method="get">
<input type="text" name="q">
<input type="submit" value="Search">
</form>

请参阅此演示。

我认为我们都在尝试修复您的代码并且完全错过了一个更简单的解决方案。:)

于 2012-10-02T11:04:24.660 回答
1

这段代码有很多错误。我列出了其中的一些，但我可能错过了一些。

1）将您的脚本放在正文的末尾，它将起作用。现在它在元素存在之前执行。所以根本没有添加事件处理程序。

2）没有document.href功能。采用document.href =

3) 你没有任何 id 为 myElement 或 bereich 的元素

4）您需要对搜索词进行编码

5）它可能是“搜索”，而不是“搜索”

6）你的按钮什么都不做，它调用了一个不存在的函数

7) 最好将它包含在 onload 回调中：

<html>
<body>
<center>
    <img src="https://www.google.de/images/srpr/logo3w.png"><br>
    <input type="text" name="q" id=bereich> &nbsp; <input type="button" value="Search" id=myElement">
</center>
<script type="text/javascript">
         window.onload = function(){
    document.getElementById('myElement').onclick = function () 
    {
        var searchterm = document.getElementById('bereich').value;
        document.href = "http://www.google.com/search?q=" + encodeURIComponent(searchterm);
    }
         };
</script>
</body>
</html>
于 2012-10-02T10:58:45.417 回答
0 
function triggerGoogleSearch() 
{
    var searchterm = document.getElementById('bereich').value;
    document.href("http://www.google.com/serach?q=" + searchterm);
}   

document.getElementById('myElement').onclick = triggerGoogleSearch();

你能试试这个吗？

于 2012-10-02T11:00:33.303 回答
0 
<html>
<body>
<center>
    <img src="https://www.google.de/images/srpr/logo3w.png"><br>
    <input type="text" name="q"> &nbsp; <input type="button" value="Search" onclick="startSearch()" id="myElement">
</center>
<script type="text/javascript">
         window.onload = function(){
    document.getElementById('myElement').onclick = function () 
    {
        var searchterm = document.getElementById('bereich').value;
        document.href("http://www.google.com/serach?q=" + searchterm);
    }
         };
</script>
</body>
</html>
于 2012-10-02T11:02:53.537 回答