Рубрики

HTML | DOM Anchor Href Недвижимость

Свойство DOM Anchor href в HTML DOM используется для установки или возврата значения атрибута href ссылки . Атрибут href используется для указания места назначения ссылки.

Синтаксис:

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

Значения свойства: содержит значение, т.е. URL, который указывает URL ссылки.

  • абсолютный URL: он указывает на другой сайт.
  • относительный URL: указывает на файл на веб-сайте.
  • URL привязки: указывает на привязку на странице.

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

Пример-1: Этот пример возвращает HREF свойств.

<!DOCTYPE html>

<html>

  

<head>

    <title>

        HTML DOM Anchor href Property

    </title>

</head>

  

<body>

    <center>

        <h1>

          GeeksForGeeks

      </h1>

  

        <h2>

          DOM Anchor href Property

      </h2>

  

        <p>Welcome to

            <a href=

   "http://www.example.com:4097/test.htm#part2" 

               id="GFG" 

               rel="nofollow" 

               hreflang="en-us" 

               target="_self"

                GeeksforGeeks 

            </a>

        </p>

  

        <button onclick="myGeeks()">

          Submit

      </button>

  

        <p id="sudo"

           style="color:green;

                  font-size:25px;">

      </p>

  

        <script>

            function myGeeks() {

                

                var x = 

                    document.getElementById(

                      "GFG").href;

                

                document.getElementById(

                  "sudo").innerHTML = x;

            }

        </script> "

    </center>

</body>

  

</html>

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

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

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

<!DOCTYPE html>

<html>

  

<head>

    <title>

        HTML DOM Anchor href Property

    </title>

</head>

  

<body>

    <center>

        <h1>

          GeeksForGeeks

      </h1>

  

        <h2>

          DOM Anchor href Property

      </h2>

  

        <p>Welcome to

            <a href=

    "http://www.example.com:4097/test.htm#part2" 

               id="GFG" 

               rel="nofollow" 

               hreflang="en-us" 

               target="_self"

                GeeksforGeeks 

            </a>

        </p>

  

        <button onclick="myGeeks()">

          Submit

      </button>

  

        <p id="sudo"

           style="color:green;

                  font-size:25px;">

      </p>

  

        <script>

            function myGeeks() {

                

                var x =

                    document.getElementById("GFG").href = 

                    "https://ide.geeksforgeeks.org/tryit.php";

                

                document.getElementById("sudo").innerHTML = x;

            }

        </script> "

    </center>

</body>

  

</html>

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

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

Поддерживаемые браузеры: браузер, поддерживаемый свойством DOM Anchor href , перечислены ниже:

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

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

HTML | DOM Anchor Href Недвижимость

0.00 (0%) 0 votes