F11 HTML全屏代碼是指在網頁中使用代碼實現全屏瀏覽器窗口的效果。在網頁開發中，我們常常需要讓用戶全屏瀏覽頁面，這時候就可以使用F11 HTML全屏代碼。
<!DOCTYPE html>
<html>
<head>
<title>Full Screen</title>
<style type="text/css">
#full{ width: 100%; height: 100%; background-color: #444; color: #fff; text-align: center; font-size: 24px; padding-top: 100px; }
</style>
</head>
<body onload="requestFullScreen(document.documentElement)">
<div id="full">This is full screen mode.</div>
<script type="text/javascript">
function requestFullScreen(element){
// 判斷各種瀏覽器，找到正確的方法
var requestMethod = element.requestFullScreen || //W3C
element.webkitRequestFullScreen || //Chrome等
element.mozRequestFullScreen || //FireFox
element.msRequestFullScreen; //IE11
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
</script>
</body>
</html>上述代碼使用了JavaScript代碼，實現了全屏效果。在頁面加載時，通過requestFullScreen方法請求全屏顯示。同時，使用CSS樣式對全屏頁面進行美化。通過該代碼，我們可以很方便地實現全屏瀏覽器窗口效果，讓用戶能夠更好地瀏覽我們的網頁內容。
上一篇菜單欄中打開css