I would like to open my html page in fullscreen mode. I tried to execute this javascript in body's onload event handler.

window.fullScreen = true;

But unfortunately that doesn't seem to be working. Is there any other way with which we can achieve the same.

I would like to open my html page in fullscreen mode. I tried to execute this javascript in body's onload event handler.

window.fullScreen = true;

But unfortunately that doesn't seem to be working. Is there any other way with which we can achieve the same.

• javascript
• html
• fullscreen

• possible duplicate of How to make in Javascript full screen windows (stretching all over the screen) – Simon Lieschke Commented Feb 2, 2012 at 13:39

6 Answers 6

I dont think you can set the windows properties by using the onload event. Try setting the properties as you open the window. This should work...

<div onclick="window.open('http://stackoverflow.com', 'Stackoverflow' , 'type=fullWindow, fullscreen, scrollbars=yes');">
    Hello Stackoverflow!
</div>

This is unadvisable as it results in unexpected browser behviour for the user. For this reason, many browsers no longer let unprivileged scripts modify this setting.

For example, from Mozilla Developer Center

With chrome privileges, the property is read-write, otherwise it is read-only.

See https://developer.mozilla.org/En/DOM/Window.fullScreen

I'm pretty sure that most browsers block this nowadays as it's annoying.

Chrome 15, Firefox 10, and Safari 5.1 now provide APIs to programmatically trigger fullscreen mode.

See this hacks.mozilla.org blog post for details.

window.open(href, windowname, ',type=fullWindow,fullscreen,scrollbars=yes');

take it from link : http://www.htmlcodetutorial.com/linking/linking_famsupp_87.html

Try this script

<script language="JavaScript">
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto' );
}
</script>

For calling form script use

window.fullScreen('fullscreen.jsp');

or with hyperlink

<a href="javascript:void(0);" onclick="fullScreen('fullscreen.jsp');"> 
Open in Full Screen Window</a>