Рубрики

HTML | DOM Area Href Property

Свойство Area href в HTML DOM используется для установки или возврата значения атрибута href. Используется для указания URL области.
Например: https: // manaschhabra: manaschhabra499@www.geeksforgeeks.org/ (manaschhabra — это имя пользователя, а manaschhabra499 — пароль).

Синтаксис:

  • Возвращает свойство href.
     areaObject.href
  • Используется для установки свойства href.
    areaObject.href = URL

Значения свойства: содержит одно значение href, которое указывает URL. Это может быть абсолютный URl, относительный URL, ссылка на элемент и т. Д.

Возвращаемое значение: возвращает строковое значение, которое представляет URL.

Пример 1. Этот пример возвращает свойство Area href.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area href Property 

</title

  

<body

    <h4> HTML DOM Area href Property </h4

    <button onclick="GFG()">Click Here! 

    </button

    <map name="Geeks1"

        <area id="Geeks"

            shape="rect"

            coords="0, 0, 110, 100"

            alt="Geeks"

            href

        https://manaschhabra:manaschhabra499@www.geeksforgeeks.org/

    </map> 

  

    <img src

"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"

        width="300"

        height="100"

        alt="Geeksforgeeks"

        usemap="#Geeks1"

    </br>

    <p id="GEEK!"></p

      

    <script

        function GFG() { 

              

        // Return value of href attribute. 

            var x = document.getElementById("Geeks").href; 

        document.getElementById("GEEK!").innerHTML = x; 

        

    </script

</body

  

</html>                    

Выход:
Прежде чем нажать на кнопку:

После нажатия на кнопку:


Пример 2: В
этом примере задается свойство Area href.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area href Property 

</title

  

<body

    <h4> HTML DOM Area href Property </h4

    <button onclick="GFG()">Click Here! 

    </button

    <map name="Geeks1"

        <area id="Geeks"

            shape="rect"

            coords="0, 0, 110, 100"

            alt="Geeks"

            href

        https://manaschhabra:manaschhabra499@www.geeksforgeeks.org/

    </map> 

  

    <img src

"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"

        width="300"

        height="100"

        alt="Geeksforgeeks"

        usemap="#Geeks1"

    </br>

    <p id="GEEK!"></p

      

    <script

        function GFG() { 

              

        // Sets href property. 

            var x = document.getElementById("Geeks").href = 

                 https://abc:abc499@www.geeksforgeeks.org/; 

        document.getElementById("GEEK!").innerHTML = 

                "The href has been changed to " + x; 

        

    </script

</body

  

</html>                     

Выход:
Прежде чем нажать на кнопку:

После нажатия на кнопку:

Поддерживаемые браузеры:

  • Гугл Хром
  • Fire Fox
  • Internet Explorer
  • опера
  • Сафари

Рекомендуемые посты:

HTML | DOM Area Href Property

0.00 (0%) 0 votes