Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
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


Чувашия-это моя Россия

Объект Browser в JavaScript.

Используя JavaScript можно считывать и настраивать свойства браузера, который выводит ее на экран. Можно изменять размеры окна или просто получить значение URI, отображаемое в адресной строке.

Свойства и методы объекта Browser при создании сайта:

 
                        Свойство                                 метод Описание	
                         event	                         Представляет состояние события
                         history	                     Содержит адреса URL, которые пользователь
                                                         посетил в окне браузера
                        location	                     Обеспечивает доступ для чтения-записи
                                                         URI в адресной строке
                        opener	                         Устанавливает и возвращает ссылку на окно,  
                                                         создавшее данное окно
                        parent	                         Возвращает родительское окно
                        screenLeft	                     Возвращает х-координату верхнего левого угла 
                                                         браузера относительно верхнего левого угла экрана
                        screenTop	                     Возвращает у-координату верхнего угла браузера 
                                                         относительно верхнего угла экрана
                        status	                         Устанавливает и возвращает текст строки состояния 
                                                         окна браузера
                        alert()	                         Выводит на экран окно с предупреждающим сообщением 
                                                         и кнопку ОК
                        close()	                         Закрывает текущее окно
                        confirm()	                     Выводит на экран диалоговое окно с заданным 
                                                         сообщением и кнопками ОК и Cancel
                        focus()	                         Устанавливает фокус на текущее окно
                        open()	                         Открывает новое окно браузера
                        print()	                         Выводит на печать содержимое текущего окна
                        setTimeout( 1 )                  Вызывает функцию или вычисляет выражение по 
                                                         истечении указанного количества миллисекунд

                      Вот, неполный перечень кодов программ:
                       
                            Распечатать текущую страницу.
                            
                      < html>
                      < head>
                      < script type="text/javascript">
                                 function printpage()
                                {
                                window.print();
                                }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Распечатать текущую страницу" 
                                                         onclick="printpage()">

                     < /body>
                     < /html>
                     
        ==================================================
                           
                           Изменение размера окна браузера 
                           по оси Х и У в пикселях.
                           
                           
                     < html>
                     < head>
                     < script type="text/javascript">
                               function resizeWindow()
                               {
                                    window.resizeBy(-200,-300);
                               }
                     < /script>
                     < /head>
                     < body>
                     
                     < form>
                     < input type="button" onclick="resizeWindow()" 
                                                    value="Изменить размер окна">
                     < /form>
          
                     < /body>
                     < /html>
                     
        =================================================
        
                           Изменение окна браузера до 
                           определенного размера.
        
                     < html>
                     < head>
                     < script type="text/javascript">
                               function resizeWindow()
                             {
                                window.resizeTo(500,300);
                             }
                     < /script>
                     < /head>
                     < body>
                     
                     < form>
                     < input type="button" onclick="resizeWindow()"
                                                   value="Изменить размер окна">
                     < /form>
                     
                     < /body>
                     < /html>
                     
      =================================================
      
                           Отображение вслывающего окна.
      
                     < html>
                     < head>
                     < script type="text/javascript">
                                function show_alert()
                              {
                                alert("Привет!");
                              }
                     < /script>
                     < /head>
                     < body>

                     < input type="button" onclick="show_alert()" 
                                               value="Показать всплыв. окно">

                     < /body>
                     < /html>
                     
       ================================================
       
                            Многострочное приветствие 
                            с переводом строк.
       
                     < html>
                     < head>
                     < script type="text/javascript">
                                 function disp_alert()
                              {
                                 alert("Привет! Многострочное приветствие 
                                       с переводом строк " + '\n' + "другая_ 
                                                            _строка чуть ниже!");
                              }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" onclick="disp_alert()" 
                                                value="Показать всплыв. окно">

                      < /body>
                      < /html>
                      
        =================================================
        
                             Всплывающее окно с информацией
                             о нажатости той или иной кнопки.
        
                      < html>
                      < head>
                      < script type="text/javascript">
                                  function show_confirm()
                               {
                                  var r=confirm("Нажмите на кнопку!");
                                  if (r==true)
                               {
                                  alert("Вы нажали на кнопку OK!");
                               }
                                  else
                               {
                                  alert("Вы нажали на кнопку Отмена!");
                               }
                               }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" onclick="show_confirm()" 
                                                      value="Показать окно">

                      < /body>
                      < /html>
                      
        ===================================================
        
                              Всплывающее окно с вводом текста,
                              в данном случае имени посетителя.
        
                      < html>
                      < html>
                      < head>
                      < script type="text/javascript">
                                    function show_prompt()
                                 {
                                    var name=prompt("Введите ваше имя","");
                                    if (name!=null && name!="")
                                 {
                                    document.write("Привет, " + name + "!");
                                 }
                                 }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" onclick="show_prompt()"
                                                         value="Показать окно">

                      < /body>
                      < /html>
                      
        ===================================================
        
                             Открытие нового окна браузера 
                             с заданным адресом и задаными
                             размерами окна 450х450, в данном 
                             случае URL моего сайта: http://seosait21.ru/
        
                      < html>
                      < head>
                      < script type="text/javascript">
                                     function open_win()
                                  {
                                     window.open("http://seosait21.ru/","_blank",
                                     "toolbar=yes, 
                                     location=yes, 
                                     directories=no, 
                                     status=no, 
                                     menubar=yes, 
                                     scrollbars=yes, 
                                     resizable=no, 
                                     copyhistory=yes, 
                                     width=450, 
                                     height=450");
                                  }
                      < /script>
                      < /head>
                      < body>
                      
                      < form>
                      < input type="button" value="Открыть окно" onclick="open_win()">
                      < /form>
                      
                      < /body>
                      < /html> 
                      
        ==================================================== 
        
                             Открытие нескольких новых окон.
        
                      < html>
                      < head>
                      < script type="text/javascript">
                                      function open_win() 
                                   {
                                      window.open("http://seosait21.ru/");
                                      window.open("http://pslide.ru/sgdh.html");
                                      window.open("http://lide.ru/rhbbb.html");
                                   }
                      < /script>
                      < /head>
                      < body>
                      
                      < form>
                      < input type=button value="Открыть окна" onclick="open_win()">
                      < /form>
                      
                      < /body>
                      < /html>
                      
        =====================================================
        
                              Новое фоновое окно браузера.
        
                      < html>
                      < head>
                      < script type="text/javascript">
                                      function openWin()
                                   {
                                      myWindow=window.open('','','width=250,height=150');
                                      myWindow.document.write("< p>Это фоновое окно.< /p>");
                                      myWindow.blur();
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть фоновое окно" 
                                                               onclick="openWin()">

                      < /body>
                      < /html>
                      
        ======================================================
        
                              Новое активное окно браузера. 
        
                      < html>
                      < head>
                      < script type="text/javascript">
                                      function openWin()
                                   {
                                      myWindow=window.open('','','width=250,height=150');
                                      myWindow.document.write("< p>Новое активное окно.< /p>");
                                      myWindow.focus();
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть активное окно" 
                                                          onclick="openWin()">

                      < /body>
                      < /html> 
                      
       =======================================================
       
                              Закрывание нового окна 
                              браузера кнопкой.
       
                      < html>
                      < head>
                      < script type="text/javascript">
                                      function openWin()
                                   {
                                      myWindow=window.open("","","width=250,height=150");
                                      myWindow.document.write("< p>Это новое окно.");
                                   }

                                     function closeWin()
                                  {
                                     myWindow.close();
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть новое окно." onclick="openWin()">
                      < input type="button" value="Закрыть новое окно." onclick="closeWin()">

                      < /body>
                      < /html> 
                      
       ========================================================
       
                              Проверка закрытия 
                              нового окна браузера.
       
                      < html>
                      < head>
                      < script type="text/javascript">

                                     var myWindow;
                                     function openWin()
                                  {
                                     myWindow=window.open("","","width=250,height=150");
                                  }
                                     function closeWin()
                                  {
                                     if (myWindow)
                                  {
                                     myWindow.close();
                                  }
                                  }
                                     function checkWin()
                                  {
                                     if (!myWindow)
                                  {
                                     document.getElementById("proverka").innerHTML="Окно не открыто!";
                                  }
                                     else
                                  {
                                     if (myWindow.closed)
                                  { 
                                     document.getElementById("proverka").innerHTML="Окно закрыто!";
                                  }
                                     else
                                  {
                                     document.getElementById("proverka").innerHTML="Окно не закрыто!";
                                  }
                                  } 
                                  }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть окно." onclick="openWin()" />< br>
                      < input type="button" value="Закрыть окно." onclick="closeWin()" />< br>
                      < input type="button" value="Закрыто ли окно?" onclick="checkWin()" />< br>
                      < div id="proverka">< /div>
                      < /body>
                      < /html> 
                      
       ========================================================
       
                              Название нового proWindow 
                              окна браузера.
       
                      < html>
                      < head>
                      < script type="text/javascript">
                                      var myWindow;
                                      function openWin()
                                   {
                                      myWindow=window.open('','proWindow','width=250,height=150');
                                      myWindow.document.write("< p>Это окно называется : 
                                                                     " + myWindow.name + "< /p>");
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть окно 'proWindow'" onclick="openWin()">

                      < /body>
                      < /html> 
                      
       =========================================================
       
                             Оставим текст " Окно где ВЫ были" 
                             в родительском окне браузера 
                             при открывании нового 
                             proWindow окна.
       
                      < html>
                      < head>
                      < script type="text/javascript">
                                      function openWin()
                                   {
                                      myWindow=window.open('','','width=250,height=150');
                                      myWindow.document.write("< p>Окно 'proWindow'< /p>");
                                      myWindow.focus();
                                      myWindow.opener.document.write("< p>Окно где ВЫ были.< /p>");
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть 'proWindow'" onclick="openWin()">

                      < /body>
                      < /html> 
                      
       =======================================================
       
                              Перемещение нового proWindow окна 
                              браузера относительно его текущего 
                              положения на мониторе.
       
                      < head>
                      < script type="text/javascript">
                                      function openWin()
                                   {
                                      myWindow=window.open('','','width=250,height=150');
                                      myWindow.document.write("< p>Окно 'proWindow'< /p>");
                                   }
                                     function moveWin()
                                   {
                                     myWindow.moveBy(500,500);
                                     myWindow.focus();
                                   }
                      < /script>
                      < /head>
                      < body>

                      < input type="button" value="Открыть окно 'proWindow'" onclick="openWin()" />< br>
                      < input type="button" value="Переместить окно 'proWindow'" onclick="moveWin()">

                      < /body>
                      < /html> 
                      
       ========================================================
       
                              Коды простого таймера.
       
                      < html>
                      < head>
                      < script type="text/javascript">
                                     function timedText()
                                   {
                          var t1=setTimeout("document.getElementById('txt').value='2с!'",2000);
                          var t2=setTimeout("document.getElementById('txt').value='4с!'",4000);
                          var t3=setTimeout("document.getElementById('txt').value='6с!'",6000);
                                   }
                      < /script>
                      < /head>

                      < body>

                      < form>
                      < input type="button" value="Отобразить текст!" onclick="timedText()">
                      < input type="text" id="txt" />
                      < /form>
                      < p>Нажмите на кнопку. И по истечении двух секунд текст будет изменяться.
 
                      < /body>
                      < /html> 
                      
       ======================================================== 
       
                              Таймер с кнопкой остановки 
                              на setTimeout() и clearTimeout().
       
                      < html>
                      < head>
                      < script type="text/javascript">
                                       var c=0;
                                       var t;
                                       var timer_is_on=0;
                                       function timedCount()
                                    {
                                       document.getElementById('txt').value=c;
                                       c=c+1;
                                       t=setTimeout("timedCount()",1000);
                                    }
                                       function doTimer()
                                    {
                                       if (!timer_is_on)
                                    {
                                       timer_is_on=1;
                                       timedCount();
                                    }
                                    }
                                    
      =========================================================
      
                              Таймер с кнопкой остановки 
                              на setInterval() и clearInterval().
      
                      < html>
                      < body>

                      < input type="text" id="clock">
                      < script type="text/javascript">
                                       var int=self.setInterval("clock()",1000);
                                       function clock()
                                     {
                                       var d=new Date();
                                       var t=d.toLocaleTimeString();
                                       document.getElementById("clock").value=t;
                                     }
                     < /script>

                     < button onclick="int=window.clearInterval(int)">Стоп< /button>

                     < /body>
                     < /html>

Объединяя и смешивая все эти коды программ можно создавать различные и нужные сценарии под конкретные небходимые действия на страницах сайта. Все зависит от вашей фантазий и желаний.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: