我想使用在新选项卡中打开的按钮创建链接。
我目前使用的代码当前正在打开一个空白选项卡,我不确定为什么。
<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-href
HTML和JavaScript中只是改变this.href
到this.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] 删除。
我来说两句