时间戳

首页 > 解决方案 > 从网页谷歌搜索

html - 从网页谷歌搜索

问题描述

我正在构建一个简单的网页。我想选择 a 中的文本<div>，然后在同一个浏览器中打开一个新选项卡，然后单击一个按钮在 Google 上搜索该文本。现在，我只需单击按钮即可将其复制到剪贴板。有什么解决方法吗...？

我可以使用 Google Chrome 或 Firefox，因为它仅适用于本地项目。不适用于公共托管。

更新：我实际上需要复制由 div 内的其他 HTML 代码呈现的文本。我也不想复制 div 中的代码。

作为参考，这是我用来复制到剪贴板功能的代码片段。

JavaScript：

function CopyToClipboard(containerid) {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById(containerid));
            range.select().createTextRange();
            document.execCommand("copy");

        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(document.getElementById(containerid));
            window.getSelection().addRange(range);
            document.execCommand("copy");
            alert("Copied the text. Use Ctrl+V to paste on Google")
        }
    }

HTML：

<div class="search" id="div1">
      <!--Text to search for (here, CEO of Google)-->
      <span>CEO of Google</span>
</div>
<button id="button1" class="button" onclick="CopyToClipboard('div1')">Copy question</button>

此代码仅选择 div 内的文本，然后将其复制。我不想搜索其余的代码....

标签： htmlgoogle-chromefirefoxgoogle-search

解决方案

试试下面的代码。

您可以在此处找到有关如何从您的页面重定向的更多信息。

<html>
<body>

<div id="search_this">New text</div>
<button type="button" onclick="myButtonOnClick()">Search!</button>

</body>
<script>
  function myButtonOnClick(){
    let url = "https://www.google.com/search?q=";
    let searchText = document.getElementById("search_this").innerHTML;
    debugger;
    window.open(url + searchText);
  }
</script>
</html>

推荐阅读