| Внимание!!! В партнерской программе добавилась возможность получать выплаты по Web-money (ранее было только по Yandex-деньги).
Добрый день, уважаемые подписчики! Тема сегодняшнего выпуска: «Java Script(JS): Объекты screen и location. Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS"). Бывает, что web-страница при каких либо разрешениях экрана выглядит криво. Именно поэтом может потребоваться задача определения разрешения экрана, например, что бы при определенным разрешении открыть другую страницу, специально адаптированную под это разрешение. Для этих целей существует объект screen. вот пример его использования: | <html> <head> <title>Урок 89. Java Script (JS): </title> </head> <body> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> document.write("Разрешение экрана: "+screen.width+", "+screen.height+"<BR>"); document.write("Доступное разрешение экрана: "+screen.availWidth+", "+screen.availHeight+"<BR>"); document.write("Глубина цветов: "+screen.colorDepth+"<BR>"); </SCRIPT> </body> </html> | Вот что выдаст данная программа на экране: Разрешение экрана: 1366, 768
Доступное разрешение экрана: 1366, 728
Глубина цветов: 32 | Вот пример, как можно учитывать разрешение экрана: | <html> <head> <title>Урок 89. Java Script (JS): </title> </head> <body> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> if(screen.width<=1280) { document.write("Экран настроен на маленькое разрешение<BR>"); } else { document.write("Экран настроен на хорошее разрешение<BR>"); } </SCRIPT> </body> </html> | Теперь рассмотрим объект location. С его помощью можно выполнять различные действия с текущий URL адресом документа. Например, если свойству href этого объекта присвоить адрес, то браузер перейдет по этому адресу. При этом ссылка сохраниться в истории посещения и с нее можно будет вернутся обратно. Если нужно исключить сохранения ссылки в истории и возможность возврата, то нужно воспользоваться методом replace этого объекта. Все это иллюстрирует следующий пример: | <html> <head> <title>Урок 89. Java Script (JS): Объект location</title> </head> <body> <form name="myForm"> <input type="text" value="http://www.easyprog.ru" name="ref"><br> <input type="button" value="Сохранить в истории" OnClick="ImageClick1()"><br> <input type="button" value="Не сохранять в истории" OnClick="ImageClick2()"> </form> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> function ImageClick1() { location.href=document.forms.myForm.ref.value; } function ImageClick2() { location.replace(document.forms.myForm.ref.value); } </SCRIPT> </body> </html> | У объекта location присутствуют и другие свойства: -
protocol. Протокол, определяющий тип соединения. Обычно http. Если открыть файл html на локальном компьютере, то протокол будет file. -
hostname. Имя хоста. -
port. Номер порта. Обычно 8080. -
host. Строка, содержащая имя хоста и порт. -
pathname. Путь к файлу. -
hash. Адрес ссылки на привязку (якорь). -
search. Содержимое командной строки. Вот пример иллюстрирования данных свойств: | <html> <head> <title>Урок 89. Java Script (JS): Объект location</title> </head> <body> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> document.write("location.protocol=",location.protocol,"<br>"); document.write("location.hostname=",location.hostname,"<br>"); document.write("location.port=",location.port,"<br>"); document.write("location.host=",location.host,"<br>"); document.write("location.pathname=",location.pathname,"<br>"); document.write("location.hash=",location.hash,"<br>"); document.write("location.search=",location.search,"<br>"); </SCRIPT> </body> </html> | Размести этой файл на сервере и запустим его с командной строкой:  С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать. |
Комментариев нет:
Отправить комментарий
Спасибо за Ваш комментарий. ASI очень ценит его.