在iframe中显示网站的各个部分

时间:2013-02-05 14:10:41

标签: html iframe resize

就像我的标题所说,我想在iframe中显示网站的一部分。这是我想要放在iframe中的网站: GPA Calculator

我希望显示除​​页脚和顶部GPA计算器标题之外的所有内容。我想把剩下的内容单独放在我的网站上。在输入滚动数字时,我希望学生能够看到他们的成绩和GPA。这是一个样本卷号:1021140050

我只是尝试将此代码放入iframe,调整大小但我不知道如何显示它的一部分。我用Google搜索了许多教程,但找不到任何符合我目的的东西。如果有人能给出一些提示,那就太好了,我可以尝试建立一些东西。

<iframe src="http://srm.mnganesh.com/" height="500px" width="800px" frameborder="0"></iframe>

谢谢

2 个答案:

答案 0 :(得分:0)

另一种解决方案可能是将自定义css加载到iFrame中。然后用这个css你可以&#34;隐藏&#34; (display:none)您不希望从页面中看到的元素。

为此,请查看at this question+answer

正如链接问题所指出的,这只适用于同一个域

答案 1 :(得分:-1)

我认为在这种情况下最好的解决方案是使用jquery:

$('#contentDiv').load('http://srm.mnganesh.com/ #divId');

其中#divId是您要在页面上加载的div的ID。 这个解决方案的好处是你可以准确地放置你想要加载的页面部分。 而不是你在页面上放置的iframe

<div id="contentDiv">

包含您的数据。