JAVASCRIPT 在线编辑器| BEGTUT.COM

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Chrome, Safari and Opera syntax */
:-webkit-full-screen {
  background-color: yellow;
}

/* Firefox syntax */
:-moz-full-screen {
  background-color: yellow;
}

/* IE/Edge syntax */
:-ms-fullscreen {
  background-color: yellow;
}

/* 标准语法 */
:fullscreen {
  background-color: yellow;
}

/* Style the button */
button {
  padding: 20px;
  font-size: 20px;
}
</style>
</head>
<body>

<h2>使用 JavaScript 全屏</h2>
<p>单击“打开全屏”按钮以全屏模式打开此页面。 通过单击键盘上的“Esc”键或使用“关闭全屏”按钮将其关闭。</p>

<p>注意：Internet Explorer 10 及更早版本不支持全屏模式。</p>

</body>
</html>