加入论坛 登录
上海儿童医学中心 心脏中心 返回首页

陆医生的个人空间 http://bbs.ibabyheart.com/?1 [收藏] [复制] [分享] [RSS]

日志

框架iframe指定调用网页特定位置代码

已有 161 次阅读2014-4-18 17:19 |个人分类:电脑技术

插入嵌入页的关键代码是:

  1. <iframe marginwidth="0" marginheight="0" src="http://www.wanghaida.com" frameborder="0" width="960" height="1000" scrolling="no" vspace="0"></iframe>

hspace:网页右上角的的横坐标;
vspace:网页右上角的纵坐标;

http://www.wanghaida.com是 被嵌入的页面文件名, 这个页可不能忘记上传,标签< iframe >的作用相当于在网页的指定位置开了一个窗口,窗口的宽度就是“width”的值,窗口的高度就是“height”的值,一般情况下应与所在单元格 的大小一致。标签< iframe >还有一些可用的参数设置如下:
marginwidth:网页中内容在表格右侧的预留宽度;例如:marginwidth=”20″,单位是px,下同。
marginheight:网页中内容在表格顶部预留的高度;
hspace:网页右上角的的横坐标;
vspace:网页右上角的纵坐标;
frameborder:是否显示边缘,填“1″表示“是”,填“0″表示“否”,默认值是“1″;
scrolling:是否出现滚动条,填“1″表示“是”,填“0″表示“否”,默认值是“1″;
这个 vspace=0 就是关键的属性啦。

用iframe调用网页的指定部分目前尚未找到按坐标来控制的办法,只有采用按顶、左、右边跑的方法来控制,因此要制作一个文件来完全调用目标网页内容,然后再在需要调用指定内容的地方使用iframe代码调用。

首先建立一个完全调用目标网页的文件,命名为files.html,代码如下:

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>无标题文档</title>
  5. </head>
  6. <body>
  7. <iframe src="目标网址" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
  8. </body>
  9. </html>

这个页面用iframe框架引用了目标页面,并且用CSS定位设定了框架浮动位置(top: -120px; left: -680px)。当然也可以按右边距控制,如right:680px,距离大小可以根据情况调整,直到调整到合适的位置。

然后在需要调用目标内容的文件中合适的位置放入以下代码:

  1. <iframe src="files.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>

高宽可以根据情况调整,为了使调用的内容正常、正确显示的我们设定的位置,大家可以修改files.html里的边距控制量以达到最佳效果

转载于:王海达博客 » 框架iframe指定调用网页特定位置代码


路过

漂亮

酷毙

搞笑

鸡蛋

鲜花

加油

雷人

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 加入论坛

为宝宝找到心的方向!

社区首页| 家园首页| 群组首页|手机版|上海市东方路1678号 021-38626161|关于我们|沪ICP备15019786号-1|    

返回顶部