navigator, screen, location

navigator.platform

navigator.userAgent

Получение координат

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
}

screen width - ширина экрана height - высота экрана

<script>  
    width=document.body.clientWidth; // ширина  
    height=document.body.clientHeight; // высота  
    alert ("Разрешение окна клиента: "+width+"x"+height);  
</script>

location location.href=URL

    location.href = "mailto:[email protected]";

будет пытаться открыть почтовый клиент

location.assign - перенаправляет на текущую страницу

location.replace

location.reload

    location.reload();
             assign()
             replace()

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

document

document.activeElement

history

.back()
.forward
.go(-1) (равносильно back)

pushState – добавляет записи в историю. Первый параметр содержит объект, который говорит о состоянии

history.pushState({foo: 'bar'}, 'Title', '/baz.html')

оnpopstate – срабатывает при изменении history (нельзя отменить действие кнопки back с помощью prevent default) в event onpopstate передается свойство state

window.onpopstate = function(event) {
  alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

replaceState – заменяет текущее состояние stateObject

Изначально в history хранится пустой объект {}, вот его то и неплохо при запуске страницы поменять

Плавный скроллинг к заданному месту на странице

https://css-tricks.com/snippets/jquery/smooth-scrolling/

Практика:

1. Сделать так, чтобы при изменении размеров окна, нам выводились его текущие размеры