Как смоделировать target = «_ blank» в JavaScript?

Опубликовано: 1 Декабря, 2021

Атрибут target HTML определяет, где будет открываться связанный документ, когда пользователь щелкнет ссылку. Если target = ”_ blank” установлен с элементом привязки, то связанный документ откроется на новой вкладке, в противном случае документ будет открыт на той же вкладке. Есть два способа выполнить эту задачу. Один из них - обычный старый и длинный способ, когда атрибут target = ”_ blank” записывается внутри тега HTML. Еще один удобный способ - выполнить через код javascript.

Подход: сначала мы создаем событие для каждой функции щелчка, затем мы устанавливаем условие, если есть тег привязки и целевой атрибут не упоминается, целевой атрибут как «_blank».

Синтаксис:

 document.addEventListener ("щелчок", функция (e) {
    if (e.target.tagName == "A" &&
            ! e.target.hasAttribute ("цель"))
    {
        e.target.setAttribute ("цель", "_blank");
    }
});

Пример ниже иллюстрирует target = ”_ blank” в JavaScript:
Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        Simulate target=“_blank” in JavaScript
    </ title >
     
    < script >
        document.addEventListener("click", function(e) {
            if (e.target.tagName == "A" &&
                    !e.target.hasAttribute("target"))
            {
                e.target.setAttribute("target", "_blank");
            }
        });
    </ script >
 </ head >
 
< body style = "text-align:center" >
     
    < a href = " https://www.geeksforgeeks.org/ " >
        GeeksforGeeks< br >
        A computer science portal for geeks
    </ a >
 </ body >
 
</ html > 

Выход:

Technical Scripter JavaScript Вопросы о Web технологиях Picked JavaScript-Misc

Как смоделировать target = «_ blank» в JavaScript?

РЕКОМЕНДУЕМЫЕ СТАТЬИ