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

最新推荐文章于 2022-05-20 16:04:53 发布

weixin_30879833

最新推荐文章于 2022-05-20 16:04:53 发布

阅读量79

点赞数

原文链接：http://www.cnblogs.com/dami520/archive/2012/08/19/2646333.html

版权

引用链接：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>


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

不知道你看懂没有，如果没看懂，你照我说的做一下试试应该就明白了。

转载于:https://www.cnblogs.com/dami520/archive/2012/08/19/2646333.html