如何使用data-href打开新标签页 [英] How to open new tab using data-href
本文介绍了如何使用data-href打开新标签页的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使表格行可单击,但是一旦单击,我想打开一个新选项卡.我尝试使用 data-target
,但这没有用.
I am making a table row clickable but once clicked I want to open a new tab. I tried using data-target
but that didn't work.
<tr class="table-row" data-href="mypage.php" data-target="_blank"></tr>
<script type="text/javascript">
$(document).ready(function ($) {
$(".table-row").click(function () {
window.document.location = $(this).data("href");
});
});
</script>
推荐答案
可以这样完成:
jQuery: JSFiddle 1
jQuery: JSFiddle 1
$('.table-row').each(function() {
var $th = $(this);
$th.on('click', function() {
window.open($th.attr('data-href'), $th.attr('data-target'));
});
});
纯JS: JSFiddle 2
Pure JS: JSFiddle 2
var tableRows = document.getElementsByClassName('table-row');
for (var i = 0, ln = tableRows.length; i < ln; i++) {
tableRows[i].addEventListener('click', function() {
window.open(this.getAttribute('data-href'), this.getAttribute('data-target'));
});
}
这篇关于如何使用data-href打开新标签页的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文