如何使html搜索栏打开一个新选项卡以显示结果

萨雷姆·海尔梅斯克尔

因此,下面的html搜索栏的代码将其结果加载到同一页面上,但是如何使它的结果加载到新的Web标签中。target="_blank"在这种情况下有什么办法可以工作吗?

html


    <div class="box">
      <div class="container-1">
        <input type="search" id="search" placeholder="Search..." />
        <div class="icon" onclick="search(document.getElementById('search').value)"><i class="fa fa-search"></i></div>
      </div>
    </div>

javascript

<script>

    function search(query) {
      if (query.slice(0, 7) == "http://") {
        window.location.href = query
      } else {
        window.location.href = "https://www.google.com/search?q=" + query
      }
    }

</script>
维维克·贾恩(Vivek Jain)

尝试这个。

function search(query) {
  if (query.slice(0, 7) == "http://") {
    // window.location.href = query
    window.open(query, '_blank');
  } else {
    // window.location.href = "https://www.google.com/search?q=" + query
    debugger;
    window.open("https://www.google.com/search?q=" + query, '_blank');
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

打开一个新选项卡,但应作为保存搜索的后退按钮

来自分类Dev

Applescript:从显示对话框中打开一个新的 Safari 选项卡

来自分类Dev

如何在 PowerShell 6 中打开一个新选项卡?

来自分类Dev

打开一个选项卡时如何删除其他选项卡

来自分类Dev

cmder:在已打开的选项卡的目录中打开一个新的选项卡

来自分类Dev

在同一目录中打开一个新选项卡

来自分类Dev

按下<Down>在Konsole中打开一个新选项卡

来自分类Dev

如果SQL查询成功,则打开一个新选项卡

来自分类Dev

单击链接按钮时打开一个新选项卡

来自分类Dev

使Ctrl + t在chrome之外时打开一个新的(chrome)选项卡

来自分类Dev

Python Gtk Notebook通过按钮打开一个新选项卡

来自分类Dev

打开一个新的浏览器选项卡

来自分类Dev

按下<Down>在Konsole中打开一个新选项卡

来自分类Dev

使Ctrl + t在chrome之外时打开一个新的(chrome)选项卡

来自分类Dev

在屏幕上当前位置打开一个新选项卡

来自分类Dev

尝试使用带有函数的 JS 打开一个新选项卡

来自分类Dev

单击按钮打开一个新选项卡

来自分类Dev

在多个选项卡之间,如何使用Vimperator在当前选项卡之后立即打开一个选项卡

来自分类Dev

以编程方式打开一个新窗口(或新选项卡),而不总是打开一个弹出窗口

来自分类Dev

在ConEmu中的同一目录(git bash)中打开一个新选项卡

来自分类Dev

OS X Mountain Lion终端选项卡名称+在同一目录中打开一个新选项卡

来自分类Dev

在包含链接的选项卡的最右侧,在新选项卡中打开一个单击鼠标中键的链接

来自分类Dev

在gnome-terminal中打开一个新选项卡,并使其通过ssh自动连接

来自分类Dev

e.preventDefault() 不会阻止 CTRL + s 的默认功能,如果它打开一个新选项卡

来自分类Dev

16.04中的gedit:仅打开一个文件时显示带文件名的选项卡

来自分类Dev

打开一个选项卡,并在Firefox插件中对其发出POST请求

来自分类Dev

如何打开一个新活动以显示SearchView的结果?

来自分类Dev

从新的html页面返回时,如何打开上一个活动选项卡

来自分类Dev

打开一个JQuery选项卡中另一个JQuery选项卡中存在的文档超链接?

Related 相关文章

  1. 1

    打开一个新选项卡,但应作为保存搜索的后退按钮

  2. 2

    Applescript:从显示对话框中打开一个新的 Safari 选项卡

  3. 3

    如何在 PowerShell 6 中打开一个新选项卡?

  4. 4

    打开一个选项卡时如何删除其他选项卡

  5. 5

    cmder:在已打开的选项卡的目录中打开一个新的选项卡

  6. 6

    在同一目录中打开一个新选项卡

  7. 7

    按下<Down>在Konsole中打开一个新选项卡

  8. 8

    如果SQL查询成功,则打开一个新选项卡

  9. 9

    单击链接按钮时打开一个新选项卡

  10. 10

    使Ctrl + t在chrome之外时打开一个新的(chrome)选项卡

  11. 11

    Python Gtk Notebook通过按钮打开一个新选项卡

  12. 12

    打开一个新的浏览器选项卡

  13. 13

    按下<Down>在Konsole中打开一个新选项卡

  14. 14

    使Ctrl + t在chrome之外时打开一个新的(chrome)选项卡

  15. 15

    在屏幕上当前位置打开一个新选项卡

  16. 16

    尝试使用带有函数的 JS 打开一个新选项卡

  17. 17

    单击按钮打开一个新选项卡

  18. 18

    在多个选项卡之间,如何使用Vimperator在当前选项卡之后立即打开一个选项卡

  19. 19

    以编程方式打开一个新窗口(或新选项卡),而不总是打开一个弹出窗口

  20. 20

    在ConEmu中的同一目录(git bash)中打开一个新选项卡

  21. 21

    OS X Mountain Lion终端选项卡名称+在同一目录中打开一个新选项卡

  22. 22

    在包含链接的选项卡的最右侧,在新选项卡中打开一个单击鼠标中键的链接

  23. 23

    在gnome-terminal中打开一个新选项卡,并使其通过ssh自动连接

  24. 24

    e.preventDefault() 不会阻止 CTRL + s 的默认功能,如果它打开一个新选项卡

  25. 25

    16.04中的gedit:仅打开一个文件时显示带文件名的选项卡

  26. 26

    打开一个选项卡,并在Firefox插件中对其发出POST请求

  27. 27

    如何打开一个新活动以显示SearchView的结果?

  28. 28

    从新的html页面返回时,如何打开上一个活动选项卡

  29. 29

    打开一个JQuery选项卡中另一个JQuery选项卡中存在的文档超链接?

热门标签

归档