Отправляет email-рассылки с помощью сервиса Sendsay

Web-программирование - это просто!

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 680 RSS
←   Март 2013   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

680 подписчиков
0 за неделю
←   Все выпуски   →

Web-программирование - это просто!


Внимание!!! В партнерской программе добавилась возможность получать выплаты по Web-money (ранее было только по Yandex-деньги).

Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «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

 

Ижевский филиал 

Уральской школы русской бани

www.uralbanya.ru

 

 

Вот пример, как можно учитывать разрешение экрана:

 

<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>

 

Размести этой файл на сервере и запустим его с командной строкой:

http://easyprog.ru/index.php?option=com_content&task=category&sectionid=11&id=62&Itemid=38

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 
В избранное