HTML DOM Window innerWidth Property
The Window innerWidth property is used for returning the width of a window’s content area. It is a read-only property and returns a number which represents the width of the browser window’s content area in pixels.
Syntax:
window.innerWidth
Return Value: It returns a number that represents the browser window’s content area width in pixels.
Below program illustrates the Window innerWidth Property :
Returning the current frame’s width.
html
<!DOCTYPE html> < html > < head > < title > Window innerWidth Property in HTML </ title > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >Window innerWidth Property</ h2 > < p > For returning the current frame's width, double click the "Check Width" button: </ p > < button ondblclick = "width()" >Check Width</ button > < p id = "measure" ></ p > < script > function width() { var w = window.innerWidth; document.getElementById("measure").innerHTML = "Frame's Width: " + w; } </ script > </ body > </ html > |
Output:
After clicking the button:
Supported Browsers: The browser supported by Window innerWidth Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 9
- Firefox 1
- Opera 9
- Safari 3
Contact Us