将外部网站动态加载到 iframe 中 - 有没有更好的方法？答案

【问题标题】：Loading external sites into Iframe dynamically - is there a better way?将外部网站动态加载到 iframe 中 - 有没有更好的方法？
【发布时间】：2012-09-18 22:00:48
【问题描述】：

我已经构建了一个当前使用 iframe 加载外部网站的应用程序。

这种方法确实减慢了我的应用程序速度 - 加载一个页面最多需要 5 秒可能会在

有什么我可以实施的解决方案可以提高速度吗？！？

谢谢！

编辑：

这是我目前使用的代码：

<script type="text/javascript">

// Change iFrame on a Button Click Event
$("#myButton").click(function(event){            
    $("#myIFrame").attr('src', $('#url').val());
});

</script>

<input class="url_top" type="text" id="url" value="http://">
<a id="myButton" href="#">Load</a> 
<iframe id="myIFrame" height="80%" width="100%" class="netframe" src="page.php"></iframe>

【问题讨论】：

你没有提供足够的细节。应用程序是什么？它对外部网站做了什么？

标签： javascript jquery iframe

【解决方案1】：

@Simon，如果您将网站加载到 iFrame 中，那么您可能正在制作缩略图，对吧？这样做会很慢，因为每个页面都需要在您的页面中呈现，因此您要与外部网站的速度竞争 n 倍，其中 n 是您页面上的网站数量。

请提供有关您想要的结果的更多信息，以便更大的社区可以就不同的策略提出建议。

【讨论】：

我们实际上是在使用这种方法手动审查网站的内容，以确保儿童安全浏览。当网站被标记时 - 手动审阅者加载网站列表并继续单击“下一步按钮” - 检查页面/阅读标记原因 - 并批准/不批准标记。因此，我们需要尽可能快地加载页面以处理更多页面/小时

【解决方案2】：

你应该使用 jQuery 函数

$(function(){ $("#NameImage").css('display','none')})

但是你应该使用jQuery v1.7.3的功能

【讨论】：

为什么建议使用旧版本的 jQuery？当前版本是 1.8.1。