JS点击功能打开url在新的windown

时间:2017-11-13 03:33:33

标签: javascript jquery url hyperlink

我使用html创建了一个带文本的链接,我希望在用户点击它时创建到特定网址。我是javascript的新手!!

这里是我的代码

<a class="dt-button add_new_table_entry DTTT_button DTTT_button_new" tabindex="0" aria-controls="table_1" href="#">
<span>Add new</span>
</a>

我的剧本

$("dt-button add_new_table_entry DTTT_button DTTT_button_new").click(function () {
window.location="http://project.co/add-new/";
});

更新 我已经创建了我的脚本

 let classic = document.getElementsByClassName('add_new DTTT_button DTTT_button_new');
for (var i=0; i < classic.length; i++) {
classic[i].addEventListener("click", clickfunc, false);
}
function.clickfunc(){
document.location.href="http://google.com";
}

但提供错误意外令牌;

5 个答案:

答案 0 :(得分:0)

javascript打开新窗口

window.open(url, windowName, "height=200,width=200");

答案 1 :(得分:0)

您没有任何名为add_new的班级。在getElementsByClassName参数中使用单个唯一类就足够了。请尝试以下方法:

let classic = document.getElementsByClassName('dt-button');
for (var i=0; i < classic.length; i++) {
  classic[i].addEventListener("click", clickfunc, false);
}
function clickfunc(){
  window.open("http://google.com","_blank");
}

答案 2 :(得分:0)

使用以下代码

$("dt-button add_new_table_entry DTTT_button 
DTTT_button_new").click(function () {
window.open("http://project.co/add-new/");
});

答案 3 :(得分:0)

创建一个函数:

function openlink()
{
window.open("http://project.co/add-new/","mywindow","menubar=no,resizable=1,width=400,height=400");
}

然后你用这个来调用函数:

<a href="javascript:openlink();">Link Text</a>

答案 4 :(得分:0)

尝试它,它会工作,这里点击class = add_new_table_entry,javascript点击事件被调用,并在同一窗口重定向发生 我们使用window.location进行重定向      添新

$(".add_new_table_entry").click(function () {
        window.location ="http://project.co/add-new/";
    });