Javascript 如何使HTML5画布全屏显示？

我已经看过很多关于这方面的教程，而且看起来很简单。我只想让我的HTML5画布元素全屏显示（就像全屏一样，占据整个显示器）

这是我的HTML：

<p><canvas id="screen" width="800" height="500"
    style="background: #FFFFFF; border: 5px solid black;" role="img">
        Your browser does not support the canvas element.
</canvas></p>

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>

我测试了功能；它会被调用，三个如果中的一个（即，因为我使用的是Firefox，所以mozRequestFullScreen）会被调用。我的浏览器会在我测试过的每个演示中打开它，但不会在我自己的代码中打开

---

缺少的变量是什么？我一定在谷歌上搜索过每一个提到这一点的链接，但仍然一无所获。谢谢。

好的，我找到问题了。这不起作用：

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>

这确实有效：

<p><button onclick="goFullScreen();">Go Fullscreen</button></p>

全屏显示

---

嗯。。。3小时后。

那么您自己的代码有什么不同？您的画布是否有不同的

id

？如果输入了

语句，您确定其中一个
语句吗？您的第一个语句应该可以工作，但不是建议的/preferredWow。这很有趣
javascript:something（）
的工作方式因定义函数的方式而异：如果定义为
function something（）{}
则会出现引用错误。但是如果它被定义为
something=function（）{}
href处理程序可以看到它。默认情况下，JSFIDLE将所有JavaScript包装在
window.onload=function（）{}
中。显然，在另一个函数中定义的函数在全局范围内不可见。@AlexeyLebedev引用错误是由于提升而引发的。看见
<p><button onclick="goFullScreen();">Go Fullscreen</button></p>