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

内森·威尔逊

我想使用在新选项卡中打开的按钮创建链接。

我目前使用的代码当前正在打开一个空白选项卡,我不确定为什么。

<div class="text text-left">

    <h2>WORK</h2>
    <h1>Title</h1>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque felis ante, eu convallis sem egestas id.</p>

    <p>Etiam fermentum vestibulum hendrerit. Nam ac felis dolor ultricies varius eget vel arcu.</p>

    <button href="https://www.behance.net" onclick="window.open(this.href); return false;">View Project</button>

</div>

单击按钮后,预期的结果将是打开一个新选项卡 (Behance.com) - 不是空白选项卡。

谢谢。

萨米·艾哈迈德·西迪基

属性href不允许元素button的加入,而不是href仅仅使用data-hrefHTML和JavaScript中只是改变this.hrefthis.getAttribute('data-href')如下图所示:

<div class="text text-left">

    <h2>WORK</h2>
    <h1>Title</h1>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque felis ante, eu convallis sem egestas id.</p>

    <p>Etiam fermentum vestibulum hendrerit. Nam ac felis dolor ultricies varius eget vel arcu.</p>

    <button data-href="https://www.behance.net" onclick="window.open(this.getAttribute('data-href')); return false;">View Project</button>

</div>

由于权限被阻止,直接运行代码对您不起作用。你可以在你自己的项目中尝试这个。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

从外部组件单击按钮时,在一个组件中打开特定的选项卡

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

ASP.NET MVC 5-两个提交按钮-一个应该打开一个新选项卡,另一个不应该

来自分类Dev

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

来自分类Dev

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

来自分类Dev

单击按钮时打开新选项卡

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

    从外部组件单击按钮时,在一个组件中打开特定的选项卡

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

    ASP.NET MVC 5-两个提交按钮-一个应该打开一个新选项卡,另一个不应该

  27. 27

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

  28. 28

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

  29. 29

    单击按钮时打开新选项卡

热门标签

归档