如何打开一个新的html页面,以及单击一个按钮时的链接

普里扬舒

因此,我想做的是打开我提供的URL,href同时打开一个新的html页面。在按钮上单击,它会在新窗口中指向URL target="_blank"但是我想做的是在新窗口中打开链接,并在上一个窗口中打开新的HTML页面。

下面是我的代码,

<li class="search-li">
    <div class="collapsible-header collapsible-noborder sakura-lighter-bg">
        <i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST
    </div>
    <div class="collapsible-body collapsible-noborder sakura-midlight-bg">
        <button class="primary download">
            <a id="buttton1" class="buttton7" target="_blank" href="example.com">Download</a>
        </button>
    </div>
</li>
mplungjan

像这样

测试页

单击将打开一个带有data-href的新窗口,并带有href更改现有窗口

window.addEventListener("load", function() {
  document.getElementById("button1").addEventListener("click", function() {
    window.open(this.getAttribute("data-href"), "_blank")
  })
})
<li class="search-li">
  <div class="collapsible-header collapsible-noborder sakura-lighter-bg">
    <i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST
  </div>
  <div class="collapsible-body collapsible-noborder sakura-midlight-bg">
    <a id="button1" class="primary download button7" 
     data-href="https://example1.com" 
          href="https://example2.com">Download</a>
  </div>
</li>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

单击JButton时打开一个新的JFrame

来自分类Dev

单击一个按钮并打开一个新活动

来自分类Dev

通过单击一个按钮来打开一个新的JFrame

来自分类Dev

如何从同一HTML页面上的多个按钮打开一个对话框

来自分类Dev

如何在React中单击一个按钮并打开一个表单?

来自分类Dev

硒-单击链接可打开一个新标签

来自分类Dev

单击链接打开一个新的浏览器窗口

来自分类Dev

单击链接打开一个新的浏览器窗口

来自分类Dev

每次在网格视图中单击按钮或链接时如何打开另一个新的弹出窗口

来自分类Dev

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

来自分类Dev

按钮在Laravel 5.1中打开一个新的Blade页面

来自分类Dev

如何以编程方式将一个按钮添加到我的 Windows 窗体中,该按钮将在单击时打开一个宏?

来自分类Dev

用户单击按钮时打开一个Google文档

来自分类Dev

当我单击一个按钮时,将打开一个新表单。当我单击其他表单时,如何将该表单保持在前台?

来自分类Dev

在快速单击一个tableview单元格时打开一个新的TabBarController

来自分类Dev

当我单击 Java GUI 上的按钮时,如何打开一个新窗口并关闭当前窗口?

来自分类Dev

我想在按下按钮时打开一个页面

来自分类Dev

如何通过单击按钮从另一个xaml窗口中打开一个xaml窗口?

来自分类Dev

如何通过单击按钮在鞋红宝石中打开一个新窗口

来自分类Dev

如何从fancybutton的onClick()打开一个新活动?

来自分类Dev

如何从ListView打开一个新视图

来自分类Dev

如何从 Fragment 打开一个新的 Activity?

来自分类Dev

在页面加载中如何打开一个新的弹出窗口

来自分类Dev

单击 CardView + RecyclerView 时如何打开一个新片段

来自分类Dev

使用javascript按下按钮时,如何打开一个窗口并关闭另一个窗口?

来自分类Dev

在 Firefox 浏览器中打开一个新选项卡并尝试向下滚动页面并单击链接失败

来自分类Dev

关闭一个模态并通过一个按钮打开一个新模态

来自分类Dev

关闭一个模态并通过一个按钮打开一个新模态

Related 相关文章

  1. 1

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

  2. 2

    单击JButton时打开一个新的JFrame

  3. 3

    单击一个按钮并打开一个新活动

  4. 4

    通过单击一个按钮来打开一个新的JFrame

  5. 5

    如何从同一HTML页面上的多个按钮打开一个对话框

  6. 6

    如何在React中单击一个按钮并打开一个表单?

  7. 7

    硒-单击链接可打开一个新标签

  8. 8

    单击链接打开一个新的浏览器窗口

  9. 9

    单击链接打开一个新的浏览器窗口

  10. 10

    每次在网格视图中单击按钮或链接时如何打开另一个新的弹出窗口

  11. 11

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

  12. 12

    按钮在Laravel 5.1中打开一个新的Blade页面

  13. 13

    如何以编程方式将一个按钮添加到我的 Windows 窗体中,该按钮将在单击时打开一个宏?

  14. 14

    用户单击按钮时打开一个Google文档

  15. 15

    当我单击一个按钮时,将打开一个新表单。当我单击其他表单时,如何将该表单保持在前台?

  16. 16

    在快速单击一个tableview单元格时打开一个新的TabBarController

  17. 17

    当我单击 Java GUI 上的按钮时,如何打开一个新窗口并关闭当前窗口?

  18. 18

    我想在按下按钮时打开一个页面

  19. 19

    如何通过单击按钮从另一个xaml窗口中打开一个xaml窗口?

  20. 20

    如何通过单击按钮在鞋红宝石中打开一个新窗口

  21. 21

    如何从fancybutton的onClick()打开一个新活动?

  22. 22

    如何从ListView打开一个新视图

  23. 23

    如何从 Fragment 打开一个新的 Activity?

  24. 24

    在页面加载中如何打开一个新的弹出窗口

  25. 25

    单击 CardView + RecyclerView 时如何打开一个新片段

  26. 26

    使用javascript按下按钮时,如何打开一个窗口并关闭另一个窗口?

  27. 27

    在 Firefox 浏览器中打开一个新选项卡并尝试向下滚动页面并单击链接失败

  28. 28

    关闭一个模态并通过一个按钮打开一个新模态

  29. 29

    关闭一个模态并通过一个按钮打开一个新模态

热门标签

归档