在新窗口中打开链接,在html表上打开javascript

时间:2015-07-27 19:26:48

标签: jquery html

我的表格链接有问题。

我用:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".clickable-row").click(function() {
            window.document.location = $(this).data("href");
        });
    });
</script>

它没有任何缺陷,但我无法使用标准的HTML代码在新窗口中打开链接:

target="_blank"

在:

<tr class="clickable-row" data-href="http://www.google.com/">

不起作用

有什么想法吗?

4 个答案:

答案 0 :(得分:3)

你可以这样做:

jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        if(this.hasAttribute("target")){
            window.open($(this).data("href"),$(this).data("target"));
        }
        else{
            window.document.location = $(this).data("href");
        }
    });
});

检查<a>是否具有目标属性,如果有,则使用它。

CodePen Demo

修改
以下是您的评论的解决方案:

  jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        if(this.getAttribute("href").substr(this.getAttribute("href").length - 3)=== "###"){
            window.open(this.getAttribute("href").substring(0, this.getAttribute("href").length-3),"_blank");
        }
        else{
            window.document.location = $(this).data("href");
        }
    });
});

答案 1 :(得分:1)

window.open('href')

窗口位置设置当前窗口的位置。

答案 2 :(得分:0)

使用window.open="http://....","target="_blank")

怎么样?

SO Reference

答案 3 :(得分:0)

我通过添加两个类和两个函数来解决问题:

<script type="text/javascript">
    jQuery(document).ready(function($) {
    $(".istiprozor").click(function() {
        window.document.location = $(this).data("href");
    });
$(".noviprozor").click(function() {
       window.open($(this).data("href"),$(this).data("target"));
    });
});
    </script>