Ошибка при нажатии кнопки google

Question

У меня возникли проблемы с привязкой кнопки к странице с помощью javascript и html. Сначала я добавляю кнопку на новую страницу, а затем вызываю функцию. Кнопка показывает, как я хочу, чтобы она была на новом, пустом дисплее, который я создал, который здесь не будет показан. Все, что мне нужно сделать, это когда я нажимаю кнопку, которую я создал, открываю Google прямо.

Вот мой код 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 или по крайней мере атрибут, чтобы найти свой элемент с помощью JavaS cript. Существует несколько способов найти элемент (getElementById, querySelector, getElementsByClassName, ...). Когда вы найдете свой элемент, вы можете добавить к нему прослушиватель событий, который прослушивает событие «click». Когда это событие будет запущено, код внутри прослушивателя событий будет запущен.

Потому что я дал кнопке идентификатор вы теперь можете сказать:

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