如何用iframe代码显示调用网页的指定部分

引用链接:http://zhidao.baidu.com/question/123277073.html

 

引用内容:

 

就是用2个iframe来套用,假设你要引用当前这个问题的页面中右侧的那个“分类上升达人排行榜”,直接iframe这个http://zhidao.baidu.com/question/123277073.html肯定是不行的。

无法控制位置,所以我想了个办法,用2个iframe框架来调用,先做一个调用这个框架的页面load.htm,代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<iframe src="http://zhidao.baidu.com/question/123277073.html" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
</body>
</html>


这个页面用iframe框架引用了http://zhidao.baidu.com/question/123277073.html页面,并且用CSS定位设定了框架浮动位置。


然后我在需要调用http://zhidao.baidu.com/question/123277073.html的页面这样写:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<iframe src="Untitled-1.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>
</body>
</html>


打开看一下,只能看到“分类上升达人排行榜”这一小块儿了吧。其他的全看不到了。

不知道你看懂没有,如果没看懂,你照我说的做一下试试应该就明白了。
posted @ 2012-08-19 13:12  dami.van  阅读(1764)  评论(0编辑  收藏  举报