如何在网页中IFRAME调用嵌入其它网页的一部分
2018-11-01 来源：学做网站论坛
在之前的文章中，讲解了如何在自己做网站的网页中通过JS或者IFRAME调用其它网页的方法，但是有的学做网站论坛学员提出一个问题，通过这种方法是调用了其它网页的全部内容，如果想调用某个网页中的一部分，应该如何去操作呢？
调用某网页中的一部分也是可以实现的，我们调用全部网页的代码是:
<iframe width=”775″ height=”1600″ frameborder=”0″ scrolling=”no” src=”url”></iframe>
但如果希望要通过IFRAME调用的网页的一部分，尤其是网页中某个局部，就可以用下面的代码实现：
<table width=”560″ border=”0″ align=”center” cellpadding=”1″ cellspacing=”1″>
<tr>
<td>
<p align=”center” style=”margin-top: -109;margin-left: -109″>
<iframe width=”560″ height=”548″ src=”url” frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe>
</td>
</tr>
</table>
<tr>
<td>
<p align=”center” style=”margin-top: -109;margin-left: -109″>
<iframe width=”560″ height=”548″ src=”url” frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe>
</td>
</tr>
</table>
<strong>代码解释：</strong>
margin-top: -109表示顶部缩进109px；
margin-left: -109表示左边缩进109px；
至于右边和底部缩进，可以通过修改<iframe>的宽度和高度就可以了。
通过这样的代码和相应高度和宽度的修改，就可以实现调用网页小部分甚至一个局部了的作用了，完全可以满足我们在学习怎么做网站过程中要求的“页中页”的功能。
补充：
如果上面的代码不能实现调用部分页面的话，可以试一下下面的代码:
<div style=”width: 600px; height: 800px; overflow: hidden; margin-top: 20px; “>
<div style=”border: 1px solid; height: 43px; left: 340px; position: absolute; top: 778px;
width: 300px;background:url(mylogo.gif);”>
</div>
<iframe src=”https://www.xuewangzhan.com/wenti/3749.html” width=”600px” height=”800px” style=”overflow: hidden; border:none;margin-top: -120px;”></iframe>
</div>
<div style=”border: 1px solid; height: 43px; left: 340px; position: absolute; top: 778px;
width: 300px;background:url(mylogo.gif);”>
</div>
<iframe src=”https://www.xuewangzhan.com/wenti/3749.html” width=”600px” height=”800px” style=”overflow: hidden; border:none;margin-top: -120px;”></iframe>
</div>
如果以上代码不能实现自己需要的效果，可以使用以下的代码来调用某网页的部分内容。（代码中的网站地址可以修改成自己调用的网站地址）
<div style="width: 230px; height: 310px; overflow: hidden; margin: 0px; ">
<iframe src="https://www.xuewangzhan.com/wenti/3749.html
width="980px" height="1430px" style="overflow: hidden; border: none;margin-top:-304px;margin-left:-740px;scrolling="no""></iframe>
</div>
<iframe src="https://www.xuewangzhan.com/wenti/3749.html
width="980px" height="1430px" style="overflow: hidden; border: none;margin-top:-304px;margin-left:-740px;scrolling="no""></iframe>
</div>
标签： 代码
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
最新资讯
热门推荐