2017-11-13 9 views
0

HTML을 사용하여 텍스트가있는 링크를 만들고 사용자가 특정 URL을 클릭 할 때 생성하려고합니다. 나는 자바 스크립트에 새로운! 여기JS 클릭 기능 새 창에서 열기 URL

내 코드

<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/"; 
}); 

UPDATE 내가

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"; 
} 

하지만 오류가 예기치 않은 토큰을주는 내 스크립트를 만들 수있다;

답변

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"); 
} 
+0

@Ibrahim Quraisy, 내가 업데이트 한 내 대답을 추가 재
위해에서는 window.location을 사용하는 일이됩니다. 한번 봐주세요. – Mamun

0

자바 스크립트를 열고 새 창

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

사용 follwing을 코드

$("dt-button add_new_table_entry DTTT_button 
DTTT_button_new").click(function() { 
window.open("http://project.co/add-new/"); 
}); 
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> 
0

그것을 시도를, 클래스 class = add_new를 클릭하면 작동합니다. _table_entry, 자바 스크립트 클릭 이벤트가 호출과 같은 창 리디렉션에 우리가 새로운

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