팝업호출 + 이미지 + 클릭 이벤트

function openNoticeImg() {
    var url = "${contextPath}/images/popup/20231204.png"; // 팝업 이미지 경로
    var img = new Image();
    img.src = url;
    // var img_width = img.width;
    // var win_width = img.width + 25;
    // var height = img.height + 30;
    var OpenWindow = window.open('', '_blank', 'width=' + 600 + ', height=' + 600 + ', menubars=no, scrollbars=no');

    var targetUrl = "https://naver.com/aasdfewrer"; // 팝업 이미지 클릭 시 url 경로
    var content = '<a href="javascript:void(0);" onclick="window.open(\''+ targetUrl + '\');">'; // 팝업이미지 onclick 이벤트 적용

    OpenWindow.document.write("<style>body{margin:0px;}</style>"
                        + content

                        + "<img src="
                        + url
                        + " width=" + 600
                        + "' >"

                        + "</a>"
                        )
}

 

* Uncaught SyntaxError: missing ) after argument list 오류

→ 따움표를 시작하는 부분과 끝나는 부분에서 \, 즉 역슬래시를 붙여주면 따움표로 인식하여 정상적으로 작동이 됨

즉, 시작부분은 \'  끝나는 부분은 \'  으로 하란 얘기임.

 

참고 : https://blog.naver.com/racoon_z/220606460942