HTML5 - Обект за местоположение

Предметът местоположение е един от многото, до които можем да получим достъп благодарение СЛЪНЦЕ, Това ни позволява да получим подходяща информация за адреса на документа и също така позволява навигация до други документи.
Обектът за местоположение
Както споменахме в началото, обектът местоположение ни позволява достъп до свойствата на местоположението на нашия документ чрез СЛЪНЦЕ, за да можем да получим подробна информация за адресите и как да преминем към други документи.
За да получим всичко това, имаме следните свойства и методи, които можем да използваме при извикване на този обект, нека да видим списъка и какво прави всеки от тях:

· протокол: Получава или задава компонента на протокола на URL адреса на документа.

· домакин: Получава или задава хост компонента на URL адреса на документа.

· href : Получава или задава местоположението на текущия документ.

· име на хост: Получава или задава името на хоста на URL адреса на документа.

· порт: Получава или задава компонента на порта на URL адреса на документа.

· пътека: Получава или задава пътя или компонента на пътя на URL адреса на документа.

· Търсене: Получава или задава компонента на заявката на URL адреса на документа.

· хеш : Получава или задава хеш компонент за URL адреса на документа.

· assign (): Придвижете се до посочения URL адрес.

· замени (): Премахнете текущия документ и отидете до този, посочен в URL адреса.

· reload (): Презаредете или опреснете текущия документ.

· resolutionURL (): Разрешава посочения относителен URL до абсолютен път.

Много добре, сега, когато знаем какво имаме, ще видим малък пример за това как да получим цялата тази информация в документ, използвайки Javascript в нашия HTML документ.

 Пример 

Нека да видим как това се тълкува в браузъра; За да демонстрираме функцията за търсене и хеширане, която използваме ? query = ябълки # ябълки за да можем да видим как го приема браузърът, под резултата на следното изображение:

Използвайте обекта за местоположение, за да преминете към друга страница
Както споменахме по -рано, можем също да използваме обекта за местоположение, за да преминем към друг сайт, тоест да отидем в друг документ, има няколко начина да го направим, но този път ще видим един от най -простите в демонстративна начин, първо нека видим кода, който трябва да генерираме и след това ще обясним как работи:

 Пример
Има много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор.
Натиснете ме
Един от най -интересните аспекти на плодовете е сортът, наличен във всяка страна. Живея близо до Лондон, в район, известен със своите ябълки.
 

В този код просто правим следното, първо установяваме, че в елемента с id pressme ще включим нова функция, когато щракнете върху нея, това благодарение на събитието onclick, след това в рамките на функцията, която се активира, когато щракнете използваме обекта document.location.hash и ние съответстваме на стойността на хеша, до който ще навигираме, в този случай бананът е изображение, което сме включили като идентификатор на елемент img image.
Нека да видим как изглежда това в нашия браузър:

Увеличете

Както виждаме, това е много полезно поведение и го постигаме по много прост начин, използвайки обекта за местоположение.
Друг начин може да бъде използването на метода replace, който вече изброихме, но особеността на заместването е, че той замества текущия документ с този, който получава като параметър, като по този начин елиминира документа, който го е извикал от историята, така че бутонът за връщане назад браузърът няма да води никъде.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка