JS/JS 공부

[JS] 클릭하면 출력onclick, addEventListener

congs 2023. 4. 24. 10:02

1. button 안에 onclick을 사용하는 방법

 
<button type="button" onclick="openWindow();"> 창 열기</button>
 
 function openWindow(){
            myWindow = window.open("","mywindow", "width=400, height=500");
            // myWindow = open("","mywindow", "width=400, height=500"); //window. 이 없어도 사용은 가능
 }
 

 

2. document.getElementById('id').addEventListener('click',()=>{  })

 
 document.getElementById('back').addEventListener('click',()=>{
            history.back();
    })
 

 

3. document.getElementById('id').addEventListener('click',function(){ })

 
 document.getElementById('replace').addEventListener('click',function(){
            location.replace('https://www.daum.net/');
  })

 

4. document.getElementById('id').addEventListener('click',실행할함수명);

 
  function assign(){
            location.assign('https://www.youtube.com/');
       }
 
  document.getElementById('assign').addEventListener('click',assign);