Javascript/Firefox : window. innerHeight 最小值似乎是 100px

标签 javascript html css firefox

我有一个简单的 JavaScript 程序,它的行为有点有趣。当我尝试将 window.innerHeight 指定为低于 100px 时,我的规范将被覆盖并使用 100px 的值。

下面的代码不会像预期的那样创建 30px 高的内部窗口。相反,窗口是 100px。警报同样显示为“100”。

知道如何解决这个问题吗?

function loadVideo() {
    var args = fetchArguments();
    iframe = document.createElement("iframe");

    iframe.title = "YouTube video player";
    iframe.class = "youtube-player";
    iframe.type = "text/html";
    iframe.width = args["width"];
    iframe.height = args["height"];
    iframe.src = "http://www.youtube.com/embed/" + args["vid"];
    iframe.frameborder="0";
    iframe.allowFullScreen;

    document.getElementsByTagName("body")[0].appendChild(iframe); // we append the iframe to the document's body

    window.innerHeight= 30; //args["height"];
    window.innerWidth=args["width"];
    alert(window.innerHeight);
    self.focus();

}

最佳答案

Firefox 不允许您创建高度或宽度小于 100 像素的窗口。这是安全限制。

关于Javascript/Firefox : window. innerHeight 最小值似乎是 100px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5070409/

相关文章:

javascript - 编译/运行时后的 Vue.js 动态图像路径

javascript - 递归 Handlebars.js 模板。如何确定深度?

javascript - getelementById ('...' ).click 在 Chrome 中不起作用

javascript - 仅允许在输入框中通过自动完成获取某些字符串

javascript - 如何在文本区域内的选定文本上附加文本

javascript - 如何使 Backbone 中的 JQuery 进度栏显示多个 Ajax 调用的进度?

HTML/CSS 使用 DOS 代码页 437 字体/缺少字形

javascript - Angular2 RouterLinking 在一个地方工作,而不是在另一个地方

css - 增加 SVG 的宽度,保持高度不变。拉伸(stretch) SVG

javascript - 打开/关闭 Accordion 的外部按钮