Как установить location и location.href с помощью JavaScript?

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

И location, и location.href используются для установки или возврата полного URL-адреса вашей текущей страницы. Они возвращают строку, содержащую полный URL-адрес с протоколом.

Синтаксис:

 location = "http://www.geeksforgeeks.org";

или же

 location.href = "http://www.geeksforgeeks.org";

Оба используются для установки URL-адреса. Оба описываются как выполняющие JavaScript 1.0 в серверной части Netscape 2.0 и с тех пор работают во всех браузерах. Тем не менее, вы можете выбрать любой из двух в зависимости от вашего удобства, но предпочтительнее использовать location.href, потому что местоположение может не поддерживать более старые версии Internet Explorer.

Такие команды, как location.split («#); не может использоваться, поскольку location является объектом, но может использоваться location.href , поскольку это строка.

Пример . Следующий код демонстрирует свойство href Местоположение DOM.

HTML

 <!DOCTYPE html>
 < html >
  
< head >
    < style >
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </ style >
 </ head >
  
< body >
    < h1 >GeeksforGeeks</ h1 >
    < h2 >Setting location and location.href</ h2 >
     
    < p >
        Click on the button to go
        to designated URL
    </ p >
 
    < button ondblclick = "myhref()" >
        Destination URL
    </ button >
     
    < p id = "href" ></ p >
     
    < script >
        function myhref() {
           location.href =
           " https://www.geeksforgeeks.org ";
        }
    </ script >
 </ body >
  
</ html > 

Выход:

Перед нажатием кнопки:

После двойного щелчка по кнопке:

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

Как установить location и location.href с помощью JavaScript?

HTML

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