零基础建站培训介绍
找人做网站,就找学做网站论坛
性价比超高的网站空间、服务器主机

当前位置:

如何在网页中IFRAME调用嵌入其它网页的一部分

在之前的文章中,讲解了如何在自己做网站的网页中通过JS或者IFRAME调用其它网页的方法,但是有的学做网站论坛学员提出一个问题,通过这种方法是调用了其它网页的全部内容,如果想调用某个网页中的一部分,应该如何去操作呢?

如何在网页中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>

<strong>代码解释:</strong>

margin-top: -109表示顶部缩进109px;
margin-left: -109表示左边缩进109px;
至于右边和底部缩进,可以通过修改&lt;iframe&gt;的宽度和高度就可以了。

通过这样的代码和相应高度和宽度的修改,就可以实现调用网页小部分甚至一个局部了的作用了,完全可以满足我们在学习怎么做网站过程中要求的“页中页”的功能。

补充:

如果上面的代码不能实现调用部分页面的话,可以试一下下面的代码:

<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=”http://www.xuewangzhan.net/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="http://www.xuewangzhan.net/wenti/3749.html
width="980px" height="1430px" style="overflow: hidden; border: none;margin-top:-304px;margin-left:-740px;scrolling="no""></iframe>
</div>
上一课: 下一课:

才1个评论

  1. 学做网站讲师头像
    学做网站讲师 说:

    如果以上代码不能实现自己需要的效果,可以使用以下的代码来调用某网页的部分内容。(代码中的网站地址可以修改成自己调用的网站地址)

发表评论

*

* 绝不会泄露