簡體   English   中英

JS單擊功能在新窗口中打開URL

[英]JS click function open url in new windown

我使用html創建帶有文本的鏈接,我想在用戶單擊它時轉到特定的URL。 我是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";
}

但是給錯誤意外令牌;

javascript打開新窗口

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

您沒有任何名為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");
}

使用以下代碼

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

創建一個函數:

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>

嘗試一下,它將起作用,在單擊class = add_new_table_entry時,將調用javascript click事件,並且在同一窗口重定向中,我們使用window.location進行重定向
添新

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM