【问题标题】: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 解决方案。以上是完全健壮的。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-27
      • 2017-04-15
      • 1970-01-01
      • 2022-12-20
      • 2013-02-10
      • 1970-01-01
      相关资源
      最近更新 更多