Question

我无法使用javascript和html将按钮链接到页面。我首先在新页面上添加一个按钮，然后调用该函数。该按钮在我创建的新的空白显示中显示我想要的内容，这里不会显示。我需要做的就是当我点击我创建的按钮时，直接打开谷歌。

这是我的javascript代码（不起作用，只发布我的内容）：

function addGoogle() {
            page += "<button>Google Search</button>";
            <button onclick="window.location= 'http://www.google.com';"
        }

这是我的html代码以防万一：

     <tr>
        <td> Google</td>
        <td> Google Search</td>
         <td> <button onclick="addGoogle()">Lets Search</button> </td>
    </tr>

谢谢！

Answer 1

我不确定我是否完全理解你要做的事情。看起来您正试图点击一个按钮添加另一个按钮，然后点击第二个按钮转到Google。如果是这种情况，则函数可能需要类似于：

function addGoogle() {
            page += "<button onclick=\"window.location='http://www.google.com';\">Google Search</button>";
        }

Answer 2

如果所有按钮都转到了URL，那么它应该是一个链接。即<a href="http://example.com">Example link</a>

你的JavaScript中有一些无效的JS，如果你想要一个链接按钮，因为你有充分的理由将它作为一个按钮，然后使用类似这样的HTML：

<button id="my-button">My button</button>

以及以下JS

var myButton = document.getElementById('my-button');
myButton.addEventListener('click', function(e) {
    window.location.href = 'http://example.com'
});

从你的问题来看，你想要达到的目标并不是很清楚，但这可能是一个非常接近的近似值。

Answer 3

这不是它上班的方式......

你可以说：

<td> <button id="googleButton" onclick="addGoogle()">Let's Search</button> </td>

然后在您的JavaScript中，您可以找到按钮

function addGoogle() {
  window.location.href = 'http://www.google.com'
}

另一种可能性是添加一个类或id或至少某些属性来使用JavaScript查找您的元素。有几种方法可以找到一个元素（getElementById，querySelector，getElementsByClassName，...）。找到元素后，您可以向其添加一个事件监听器，用于监听事件＆＃39;点击＆＃39;。触发该事件时，将触发事件侦听器中的代码。

因为我给了按钮一个id你现在可以说：

var button = document.getElementById('googleButton');
button.addEventListener('click', function(){
  window.location.href = 'http://www.google.com'
}

无法将按钮指向谷歌

3 个答案: