如何使用 javascript 在 iframe 中读取 webkitAllowFullScreen 属性答案

【问题标题】：How to read webkitAllowFullScreen attribute in iframe using javascript如何使用 javascript 在 iframe 中读取 webkitAllowFullScreen 属性
【发布时间】：2012-11-19 17:53:06
【问题描述】：

对于以下 iframe 代码：

<iframe src="testA.html" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

在 testA.html 中，如何判断 webkitAllowFullScreen 属性是否包含在使用 javascript 中？

【问题讨论】：

标签： javascript jquery html iframe

【解决方案1】：

如果将 allowfullscreen 属性添加到 iframe，则下面的变量应为 true

var fullscreenEnabled = document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled;

这甚至在 iframe src 位于不同域时也有效。
注意：对于 Firefox，fullscreenEnabled 中的字母 s 是大写的

【讨论】：

【解决方案2】：

这是最可靠的解决方案：

if(window.frameElement && window.frameElement.hasAttribute("webkitAllowFullScreen")){

}

它使用window.frameElement，它返回父框架元素的DOM节点，然后您可以对其进行hasAttribute调用。

【讨论】：

testA.html怎么知道它叫testA.html？我宁愿不对文件名值进行硬编码。
啊，这有点不同。这显然仅适用于同一域上的 iframe（由于相同的来源策略），因此，只要您不使用奇怪的 iframe 代码，上述内容就应该有效
添加了关于boolean属性情况的更具体说明
这有帮助。如果我在父文档上有多个并且有些具有 webkitAllowFullScreen 属性而有些没有呢？
重要问题。我回到绘图板上，意识到我们不需要一个 hacky 解决方案。以上是完全健壮的。