The DOM defaultView property in HTML is used to return the document Window Object. The window object is the open windows in the browser.
Syntax:
document.defaultView
Return Value: It is used to returns the current Window Object.
Example 1:
html
<!DOCTYPE html> <html>
<head>
<title>
DOM defaultView Property
</title>
</head>
<body style = "text-align:center">
<h1 style = "color:green">GeeksForGeeks</h1>
<h2>DOM defaultView Property </h2>
<button onclick = "geeks()">Submit</button>
<p id="sudo"></p>
<script>
function geeks() {
var doc = document.defaultView;
document.getElementById("sudo").innerHTML = doc;
}
</script>
</body>
</html>
|
Output: Before Click on the button:
After Click on the button:
Example 2: This example is used to return the width and height of the Windows.
html
<!DOCTYPE html> <html>
<head>
<title>
DOM defaultView Property
</title>
</head>
<body>
<center>
<h1 style = "color:green;">GeeksForGeeks</h1>
<h2>DOM defaultView Property </h2>
<button onclick="Geeks()">Submit</button>
<p id="sudo"></p>
<!-- script to find window size -->
<script>
function Geeks() {
var def_view = document.defaultView;
var width = def_view.innerWidth;
var height = def_view.innerHeight;
document.getElementById("sudo").innerHTML
= "Width: " + width +
"<br>Height: " + height;
}
</script>
</center>
</body>
</html>
|
Output: Before Click on the button:
After Click on the button:
Supported Browsers: The browser supported by DOM defaultView property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 9 and above
- Firefox 1 and above
- Opera 12.1 and above
- Safari 1 and above