javascript - 加载新页面时如何调整模式 iframe 的大小?

标签 javascript ajax iframe modal-dialog

我有几个链接页面想在模态 iframe 中显示。这些页面大小不同,我希望能够在加载每个新页面时调整 iframe 的大小。我查看了几个用于创建 iframe 的 jquery 插件,但不知道如何调整其中任何一个的大小。我目前正在试验 prettyPhoto 和 nyroModal,但愿意接受建议。我只需要让它工作。我也不太擅长 JavaScript,但我正在努力学习。

注意:我的所有页面都在我的网络服务器上,因此不存在跨域问题。

感谢所有快速回复。我要去 sleep 了,但期待在我醒来时尝试你的建议。

最佳答案

尝试将其放入 iframe 中:

document.onload = function() {
    var i = parent.document.getElementById('myIframe');
    i.style.width = document.body.offsetWidth+"px";
    i.style.height = document.body.offsetHeight+"px";
}

关于javascript - 加载新页面时如何调整模式 iframe 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4184651/

相关文章:

javascript - ng-disabled 在数据更改后不评估

ajax - extjs:如何在列渲染器中使用ajax调用?

html - 如何使 iframe 在 iOS safari 中正常工作

javascript - iframe contentDocument 在 chrome 和 firefox 中的行为

javascript - 获取选定的 JSON 数据

php - 为什么这个 JS 变量在我的 PHP 中工作

javascript - 在一个完全 javascript Web 应用程序中,如何制作才能单击退格键并转到上一个操作?

JavaScript:检测 iframe 内的链接点击

javascript - 如何获取div的数据属性,然后在cookie中传递

javascript - 模板中的 AngularJS 动态对象