如何用iframe代码调用显示网页指定的部分
作者:秦起风 日期:2011-02-13
自已用过的办法,做下记录,备用.
用2个iframe来套用,假设你要引用当前这个问题的页面中右侧的那个“分类上升达人排行榜”,直接iframe这个http://www.wgdcw.com/0375/article.asp?id=244肯定是不行的。
无法控制位置,所以我想了个办法,用2个iframe框架来调用,先做一个调用这个框架的页面Untitled-1.html,代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<iframe src="http://www.wgdcw.com/0375/article.asp?id=244" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
</body>
</html>
这个页面用iframe框架引用了http://www.wgdcw.com/0375/article.asp?id=244页面,并且用CSS定位设定了框架浮动位置。
然后我在需要调用http://www.wgdcw.com/0375/article.asp?id=244的页面这样写:
<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>
打开看一下,只能看到“Category”这一小块儿的日志分类页了,呵呵
用2个iframe来套用,假设你要引用当前这个问题的页面中右侧的那个“分类上升达人排行榜”,直接iframe这个http://www.wgdcw.com/0375/article.asp?id=244肯定是不行的。
无法控制位置,所以我想了个办法,用2个iframe框架来调用,先做一个调用这个框架的页面Untitled-1.html,代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<iframe src="http://www.wgdcw.com/0375/article.asp?id=244" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
</body>
</html>
这个页面用iframe框架引用了http://www.wgdcw.com/0375/article.asp?id=244页面,并且用CSS定位设定了框架浮动位置。
然后我在需要调用http://www.wgdcw.com/0375/article.asp?id=244的页面这样写:
<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>
打开看一下,只能看到“Category”这一小块儿的日志分类页了,呵呵
评论: 0 | 引用: 0 | 查看次数: 9125
发表评论