Объект window Javascript - httpdoc.ru

Объект window Javascript - объектная модель браузера

Объектная модель браузера (BOM) - это способ взаимодействия с браузером. Она имеет дело с компонентами браузера помимо документа, как history , location , navigator , frame и screen .

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

Например:

Синтаксис
window.prompt ("привет coderepublics");
Это то же самое, что и:
prompt ("hello coderepublics");

Объект окна Javascript

Если в браузере открыто окно, браузер использует объект окна для представления этого окна. Каждый открытый window / frame / dialog бокс имеет объект окна. Он создается автоматически браузером.

Методы объекта окна Javascript

Имущество Описание
тревога() Он отображает окно предупреждения.
подтверждать() Он отображает диалоговое окно подтверждения.
незамедлительный() Отображает диалоговое окно.
setTimeout () Он выполняет действие по истечении указанного времени.
открытым() Откроется новое окно.
близко() Окно закрывается.

Мы узнаем о диалоговых окнах позже. Ниже приведены некоторые примеры других функций.


Метод JavaScript open ()

Он отображает содержимое в новом окне.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Object Open() Method </title> 
</head> 
<body> 

<script type="text/javascript">  
 function msg(){  
 open("/");  
 }  
</script>  
 <input type="button" value="CodeRepublics" onclick="msg()"/> 

</body>
</html>

Выход

JavaScript Object Open() Method

Метод JavaScript setTimeout ()

Он выполняет любую заданную задачу через определенный промежуток времени.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Object setTimeout Method </title> 
</head> 
<body> 

<script>  
 function msg(){  
 setTimeout(  
 function(){  
 alert("Alert after 5 seconds")  
 },5000);  
 }  
</script>  
  
<input type="button" value="Click Here !" onclick="msg()"/> 
</body>
</html>

Выход

JavaScript Object setTimeout Method

Свойства ширины и высоты оконного объекта

Свойство innerWidth и innerHeight используется для определения ширины и высоты любого окна браузера.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Viewport Dimension </title> 
</head> 
<body> 
 <script>
  function windowSize(){
   var w = window.innerWidth;
   var h = window.innerHeight;
   alert("Width: " + w + ", " + "Height: " + h);
   }
 </script>
     
 <button type="button" onclick="windowSize();">Get Window Size</button>
</body>
</html>

Выход

JavaScript Viewport Dimension

Ширина и высота любого элемента также могут быть рассчитаны с помощью clientWidth и, clientHeight но эта длина будет исключать полосы прокрутки (если они есть), в отличие от предыдущих, которые также включают длину полосы прокрутки.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Viewport Dimension </title> 
</head> 
<body> 
 <script>
  function windowSize(){
  var w = document.documentElement.clientWidth;
  var h = document.documentElement.clientHeight;
  alert("Width: " + w + ", " + "Height: " + h);
    }
</script>
     
<button type="button" onclick="windowSize();">Get Window Size</button>
</body>
</html>

Выход

JavaScript Viewport Dimension

Вы также можете проверить Javascript location.reload (true) метод, который поможет вам обновить всю веб-страницу.