html - How to launch a google search in a new tab or window from javascript? - Stack Overflow

admin管理员组

文章数量:1200980

Say I have a Javascript variable containing a couple of search terms separated by spaces, is it possible to start a Google Search window or tab using these terms (after a user clicks on a button for example)? If yes, does anyone have a simple code example to inject in a HTML?

Say I have a Javascript variable containing a couple of search terms separated by spaces, is it possible to start a Google Search window or tab using these terms (after a user clicks on a button for example)? If yes, does anyone have a simple code example to inject in a HTML?

• javascript
• html
• google-search

Share Improve this question Follow asked May 20, 2013 at 12:06 Jérôme VerstryngeJérôme Verstrynge 59.6k9595 gold badges295295 silver badges466466 bronze badges 1

• 1 you can use window.open() or ,window.open(url, '_blank') – Pete Commented May 20, 2013 at 12:16

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 15

The google search URL is basically: https://www.google.com/search?q=[query]

Using that you can easily build a search URL to navigate to, f.ex using a simple form without javascript:

<form action="http://google.com/search" target="_blank">
    <input name="q">
    <input type="submit">
</form>

Demo: http://jsfiddle.net/yGCSK/

If you have the search query in a javascript variable, something like:

<button id="search">Search</button>
<script>
var q = "Testing google search";
document.getElementById('search').onclick = function() {
    window.open('http://google.com/search?q='+q);
};
</script>

Demo: http://jsfiddle.net/kGBEy/

Try this

<script type="text/javascript" charset="utf-8">
function search()
{
    query = 'hello world';
    url ='http://www.google.com/search?q=' + query;
    window.open(url,'_blank');
}
</script>

<input type="submit" value="" onclick="search();">

Or just

<form action="http://google.com" method="get" target="_blank">
<input type="text" name="q" id="q" />
<input type="submit" value="search google">

Sure just pass a link with google search parameters to a new window / div / ajax div / iframe However you cannot just open a new tab / window, this is not allowed and not recommended. You need to add a button that will open it..

Guide to Google Search Parameters:

1)http://www.seomoz.org/ugc/the-ultimate-guide-to-the-google-search-parameters

2)http://www.blueglass.com/blog/google-search-url-parameters-query-string-anatomy/

The Zend website uses the following

<form method="get" action="//www.google.com/search" target="_blank">
    <input type="text" name="q" maxlength="255" placeholder="Search in the site">
    <input type="hidden" name="sitesearch" value="framework.zend.com">
</form>

This works well. However, I don't know what is the Google policy about this kind of integration as it is providing a forced value (sitesearch)

本文标签： htmlHow to launch a google search in a new tab or window from javascriptStack Overflow