How can I create a ASP website support fullscreen?

See more:

C#

ASP.NET

Javascript

HTML

jQuery

I aim to create a new Website, I need to make a button of fullscreen, when user click it all pages showed as full screen

What I have tried:

I search it and there is my trying:

<input type="button" value="click to toggle fullscreen" >
<input type="button" value="goto" >

and this is function

function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}

}

function func() {
window.location.replace("second.aspx");
}

this works fine to show page in full screen but the problem is when it redirect to the second page it didn't support full screen on load

here is the code of second page

document.addEventListener("DOMContentLoaded", function (event) {
toggleFullScreen();
});

my question now is there any other way to make the all site support full screen mode from index page ?