window.location

16.01.2017

824

window.location — это технология java script по управлению URL. Данный функционал дает довольно обширные возможности для разных направлений: фильтр, перемещение по сайту, поиск и т.д.

Параметры window.location

window.location может получить следующие данные URL:

СвойствоОписаниеПример
hashчасть URL, которая идет после символа решетки ‘#’, включая символ ‘#’#test
hostхост и портwww.google.com:80
hrefвесь URLhttp://www.google.com:80/search?q=javascript#test
hostnameхост (без порта)www.google.com
pathnameстрока пути (относительно хоста)/search
portномер порта80
protocolпротоколhttp:
searchчасть адреса после символа ?, включая символ ??q=javascript
originпротокол + хостhttp://google.com

Есть и другие параметры, чтобы посмотреть все данные URL страницы нужно просканировать их следующим скриптом

function showLoc() {
   var x = window.location;
   var t = ['Property - Typeof - Value',
            'window.location - ' + (typeof x) + ' - ' + x ];
   for (var prop in x){
     t.push(prop + ' - ' + (typeof x[prop]) + ' - ' +  (x[prop] || 'n/a'));
   }
   alert(t.join('\n'));
}

Чтобы запустить скрипт нужно установить на странице кнопку и нажать ее

<input type="button" value="showLoc()" onclick="showLoc();">

Получаем данные URL

В данном примере мы соединяем location.origin (https://opttour.ru) и location.pathname (/web/scripts-and-jquery/), тем самым получая исходный url категории, без примесей и добавляем его в ссылку с id=’filter-clear’ (кнопка очистки фильтра)

$(document).ready(function() {
	
var x = location.origin + location.pathname;	
$('#filter-clear').attr('href', x);	

});

Проверка: существует ли параметр URL (search, hash)

if(window.location.search) {
	location.assign(y + "&select=" + sortValues); //переходим по ссылке + добавляем &сортировку
} else {
	location.assign(y + "?select=" + sortValues); //переходим по ссылке + добавляем ?сортировку
}

Тэги:

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
URL, ссылки страниц, ЧПУ

URL, ссылки страниц, ЧПУ

ЧПУ Для нормального отображения всех ссылок страниц сайта, одним из первых дел при создании сайта необходимо установить плагин Cyr to Lat enhanced. Для отключения из адресной строки /category/ — плагин Читать далее »

Методы запроса GET POST

Методы запроса GET POST

Существует два метода запроса к базе данных: GET и POST. Основное отличие, GET это открытый запрос небольшого размера, изменяющий строку браузера (пример: поиск по сайту), POST может иметь бОльший размер Читать далее »

Добавить комментарий

Пока нет комментариев. Будь первым!

window.location
Посты — метки на карте
Рекомендации для васПосты — метки на картеOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.