这是一个基于“glautrou”反馈的更新问题:我有一个用于 BeagleBone Black 单板计算机的 LCD Cape,我希望在 LCD 上显示一个没有边框、没有滚动条和没有标题栏的网页. 我正在尝试使用以下代码使其工作,该代码是从位于http://lesson8.blogspot.co.uk/2013/01/html5-fullscreen-api.html的示例中删除的。
我的愿望是在页面加载时或从脚本中运行它......并且不需要按下按钮。以下脚本适用于按钮,但不适用于打开或脚本调用。我现在承认我并不真正了解 DOM,所以我怀疑我遗漏了一些简单的东西。
<!DOCTYPE html>
<html>
<head>
</head>
<BODY onLoad="launchFullscreen(document.documentElement);">
<h1>HTML5 Fullscreen API</h1>
<div style="padding:20px;">
<button onclick="launchFullscreen(document.documentElement);" class="sexyButton">Launch Fullscreen</button>
<button onclick="cancelFullscreen();" class="sexyButton">Hide Fullscreen</button>
</div>
<script type='text/javascript'>//<![CDATA[
function launchFullscreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
function cancelFullscreen() {
if(document.cancelFullScreen) {
document.cancelFullScreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
launchFullscreen(document.documentElement);
//]]>
</script>
</body>
</html>
提前致谢, 威尔