收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 4745|回复: 13

请问怎么控制iframe页面?我只想读中间,不想读头与尾

  [复制链接]
发表于 2012-7-19 15:50:37 | 显示全部楼层 |阅读模式
150体力
我IFRAME一个页面进来,但不想读到这个页面的头与尾,只想读它中间的内容,当然,我有目标页面的修改权限,可在目标页面上写JS!但不懂的写,请教大哥了!

现发一个说明demo吧,

my.html是我的页面!

mubiao1.html是我的目标页面!

我的my.html网页需要引用该mubiao1.html文件的中间内容,但是又不想要它的页面头、页面尾,我想用IFRAME实现,


 提示:您可以先修改部分代码再运行





 提示:您可以先修改部分代码再运行

发表于 2012-7-19 15:58:03 | 显示全部楼层
网页需要引用该mubiao1.html文件的中间内容
回复

使用道具 举报

 楼主| 发表于 2012-7-19 16:20:25 | 显示全部楼层
哥…………你……
回复

使用道具 举报

发表于 2012-7-19 18:05:39 | 显示全部楼层
js设置window.scroll,这个没弄过
回复

使用道具 举报

发表于 2012-7-19 18:43:55 来自手机 | 显示全部楼层
父页面用JS把iframe其他的隐藏吧,应该可以吧
回复

使用道具 举报

发表于 2012-7-19 19:39:33 | 显示全部楼层
调用的页面


 提示:您可以先修改部分代码再运行



被调用的页面

回复

使用道具 举报

 楼主| 发表于 2012-7-19 22:05:36 | 显示全部楼层
万分感谢bluekee大哥,可是好像没反映YE,是我哪弄错了? 
-----------------
突然间发现楼上,只看到你帮我改的“调用的页面”
那个“被调用的页面”你好像忘了写?
回复

使用道具 举报

 楼主| 发表于 2012-7-19 22:08:43 | 显示全部楼层
daddy 发表于 2012-7-19 18:43
父页面用JS把iframe其他的隐藏吧,应该可以吧

不能的,要IFRAME目标页的时候,才display:none倒目标页的头与尾,如果不是IFRAME进来的时候,访问目标的页面仍保持正常,有头有尾的!
回复

使用道具 举报

发表于 2012-7-20 08:48:15 | 显示全部楼层
beth2004 发表于 2012-7-19 22:08
不能的,要IFRAME目标页的时候,才display:none倒目标页的头与尾,如果不是IFRAME进来的时候,访问目标的 ...

是我笨?你如果直接控制目标iframe页还不如直接在那里写CSS好了。你这样做不就等于影响了iframe。而你在父页面控制iframe,只是在父页面的iframe受影响,本身的iframe还是原来的样子。说的对吗?
回复

使用道具 举报

发表于 2012-7-20 08:55:10 | 显示全部楼层
JQuery load就可以。

索引页:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Demo</title>
  6. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function(){
  9.         $("#info").load("demo.html #abc")
  10. });
  11. </script>
  12. </head>

  13. <body>
  14. <div id="info">
  15. </div>
  16. </body>
  17. </html>
复制代码
框架页:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>demo</title>
  6. </head>

  7. <body>
  8. <div id="abc">abc</div>
  9. <div id="efg">efg</div>
  10. </body>
  11. </html>
复制代码
回复

使用道具 举报

发表于 2012-7-20 10:07:46 | 显示全部楼层
给你一个思路

1. 利用锚点#hash 跳到指定的顶部位置

2. iframe的高度设置为中间内容的高度

这样问题应该解决了。
回复

使用道具 举报

发表于 2012-7-20 13:16:29 | 显示全部楼层
根據8樓的意思給你模擬一下:
1。若是跨域你將受到權限的限制,你可能無法對其一些操作。
在同域時你可在目標頁面根據你的需要進行一些設置。
2。你可以在目標頁面設定 #abc錨點連接而不一定在父頁面寫CSS,如iframe{ margin-top:-150px;},但要設定iframe高寛度,就這樣子。

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

发表于 2012-7-21 11:36:39 | 显示全部楼层
在服务器环境下测试。

 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行

回复

使用道具 举报

发表于 2012-7-21 15:01:53 | 显示全部楼层
本帖最后由 zjdzx 于 2012-7-21 15:03 编辑
  1. <div id="Layer1" style="Z-INDEX: 1; LEFT: 100px; WIDTH: 1000px; POSITION: absolute; TOP: -300px; HEIGHT: 400px" align="center">
  2. <IFRAME  marginWidth=0 marginHeight=0 src="http://www.163.com"
  3. frameBorder=0 width=765 scrolling=no height=500>
  4. </IFRAME>
  5. </div>
复制代码
此代码最简单  可以指定调用 那一部分  自己调试一下 即可
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-13 20:46 , Processed in 0.110075 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表