Firefox 弹出窗口的 Javascript 调整大小?

标签 javascript jquery firefox popup

我只是在学习 Javascript 和 jQuery,但我是一个 HTML,正在努力迈出下一步..

我正在尝试将内容放入一个表格中,该表格可以是任何大小(适用于新闻站点)。我检查大小,然后相应地调整弹出窗口的大小;虽然窗口不完全正确但它可以工作,但在 Firefox 中它甚至没有调整大小。

使用通用链接弹出基本窗口:

<a onclick="window.open('http://site.local/popup/','popup','width=1,height=1')">popup</a> 

我将其指向默认页面,cms 将所有内容放入表格 (id="top")。它有一个默认的 width="1"来强制约束,然后让内容扩展表格以设置实际大小。然后我检查表格大小以查看并调整 document.ready() 上的窗口:

<script type="text/javascript">
 <!--
 $(document).ready(function() {
  var divh = document.getElementById('top').offsetHeight;
  var divw = document.getElementById('top').offsetWidth;

  //Test size
  //alert("Table: width= " + divw + "px / height= " + divh +"px");

  //Resize
  window.resizeTo(divw,divh);
  }    
 -->
</script>

我需要能够调整已在 Firefox 中打开的窗口的大小。

所有窗口大小(Firefox 除外)都已关闭,但我可以填充它们 - 大一点比关闭更好。不幸的是,Firefox 会生成一个 180w x 249h 的小窗口,并且永远不会调整大小。

我在这里搜索失败 - 大多数建议在 firefox 中编辑设置,我显然不能期望用户这样做。

有什么想法吗?

最佳答案

我强烈建议用 div 弹出窗口替换您的弹出窗口。您将遇到与 Firefox 一样的问题,并且浏览器会完全阻止它。假设您包含了 jqueryui 并且您正在从同一域加载此内容:

$('#container').load('/popup',function() {
     var table = $('#container #top');
    $('#container').dialog({height:table.height(), width: table.width()});
});

关于Firefox 弹出窗口的 Javascript 调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6124400/

相关文章:

javascript - jQuery,使用 <span> 标记内的特定列值计算数据表(包括所有页面)中的行数。其中 Datatable 有 AJAX 源

javascript - 取一个 img src 并将其设置在上层 div 的背景 - JQuery

jQuery 对象和 form.serialize

javascript - 在焦点元素上设置轮廓边框

javascript - 使用 js-ctypes,如何从 Windows ReadFile 检索输出?

html - 带有 CSS Grid 的 Div 在 chrome 和 firefox 中表现不一致

javascript - 简单的 MEAN 堆栈问题

javascript - JQuery 幻灯片 : fade effect

javascript - 在 Firefox 中使用 csp sha-256 将内联脚本列入白名单

javascript - JQuery - 如果链接没有 URL,则将 div 设置为隐藏