如何以异步模式预加载 iframe 内容（一个 aspx 页面）以加快加载速度

【问题标题】：how to pre-load the iframe content(an aspx page)in asynchronous mode for faster loading如何以异步模式预加载 iframe 内容（一个 aspx 页面）以加快加载速度
【发布时间】：2011-03-23 13:01:25
【问题描述】：

嗨，我有一个名为“compare.aspx”的页面，带有放大镜图像，现在当我第一次单击放大镜时，我想在名为“security”的 iframe 中加载页面“abc.aspx”，但我希望 iframe 第一次保持隐藏状态。有了这个小技巧，当用户点击放大镜时，页面已经加载。我怎样才能实现这个功能？，，我的 iframe 看起来像：

<iframe id="security" width="100%" frameborder="0" height="100%" scrolling="no" src="/img/pqr.gif"></iframe>

【问题讨论】：

你的代码在哪里？你忘了添加它
@rsplak，不，他只是没有点击 {} 按钮
你不能简单地使用样式可见性属性吗？

标签： c# javascript css

【解决方案1】：

在高层次上，你要做的是：

1) 浏览器不喜欢隐藏的 iframe，但一种解决方法是使用 0 不透明度的框架。从 0 不透明度开始。（嗯，一个或另一个 - 我有时会忘记哪个是正确的）。

2) 单击放大镜时，将 iframe 的 src 属性设置为 aspx 页面。

3) 准备好后，将框架的不透明度设置为 1（完全可见）。

这应该可以解决问题。

【讨论】：

需要注意的一点是，他的 iFrame 具有 100% 的宽度和高度。将 opacity 设置为 0 仍会将 iframe 覆盖在当前页面上，从而阻止任何点击（本质上是点击劫持他自己的网站），因此您需要小心隐藏 iframe 时的定位和大小。
简而言之，我要执行的任务是： 1. 当页面加载时，同时加载 iframe 内容页面，但保持 iframe 隐藏。 2.当用户点击放大镜图像时，只需显示 iframe 及其内容。