Info

티스토리 :: 링크를 새 창으로 여는 방법들

고고마코드 2022. 8. 16. 15:04
반응형

1. 본문의 모든 링크를 새 창으로 열고 싶을 경우

<body>

...

<script>
    var anchors = document.querySelectorAll('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a');
    for(var i=0; i < anchors.length; i++){
        anchors[i].target = '_blank';
    }
</script>
</body>

2. 현재 글 내에서 목차 이동을 위한 링크가 있어 현재 글 링크를 제외하고 새 창을 열어야 하는 경우

<body>

...

<script>
    var anchors = document.querySelectorAll('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a');
    for(var i=0; i < anchors.length; i++){
        if(anchors[i].href.search(window.location.href) === -1) {
            anchors[i].target = '_blank';
        }
    }
</script>
</body>

3. 특정 링크는 무조건 새 창으로 열고 싶은 경우

<body>

...

<script>
    var anchors = document.querySelectorAll('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a');
    for(var i=0; i < anchors.length; i++){
        if(anchors[i].href.search('특정링크') >= 0) {
            anchors[i].target = '_blank';
        }
    }
</script>
</body>

4. 참고자료

🎈컴질닷컴

https://comzil.com/2992

반응형