如何用iframe代码显示调用网页的指定部分
以百度主页http://www.baidu.com为例,去掉百度的Logo部分,代码与效果如下:
< html>
< head>
<title>Iframe标签显示目标网页的指定区域,方法1</title>
< /head
< body>
< div align="center">
< iframe width="800" height="600" src="http://www.baidu.com" scrolling="no" hspace="-100" vspace="-150"></iframe>
< /div></body>
< /html>
扩展资料:
Iframe的一些属性:
1、marginheight 属性规定框架内容与框架的上方和下方之间的高度,以像素计。
2、maiginweidth 属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。
3、vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域。
4、hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域。
5、src 目标网页的地址,可以为html,asp,文本等。
6、frameborder 框架边框,0为无边框(画中画效果)。
参考资料来源:百度百科-iframe
不过我可以给你指条道儿,这个是我以前用过的办法,
就是用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>
打开看一下,只能看到“分类上升达人排行榜”这一小块儿了吧。其他的全看不到了。
不知道你看懂没有,如果没看懂,你照我说的做一下试试应该就明白了。
这只是一个变通的方法,这样调用就不存在所谓的权限问题,比起利用浏览器漏洞要好用的多吧。