iframe截取网站部分内容实现思路及代码

  发布时间:2014-06-12 11:27:57   作者:佚名   我要评论
使用iframe可以截取网站的部分内容,主要配合width、height、overflow等属性来实现的,具体示例如下,需要的朋友不要错过

复制代码
代码如下:

<div style="width:630px;height:350px;overflow:hidden;border:0px">
<div style="width:800px;height:800px;margin:-810px 0px 0px -10px;">
<iframe src="http://www.sci99.com/" width="960" height="1280" scrolling="no"></iframe>
</div>
</div>
<div style="width:800px;height:900px;overflow:hidden;border:0px">
<div style="width:500px;height:900px;margin:-320px 0px 0px -10px;">
<iframe src="http://www.sci99.com/details/monitorall.aspx" width="700" height="1024" scrolling="no"></iframe>
</div>
</div>

相关文章

  • 举例讲解HTML中iframe和frame的区别

    frame这个标签不知大家注意过没有,它必须放在frameset中使用,而且经常容易和iframe混淆,这里我们就来举例讲解HTML中iframe和frame的区别,需要的朋友可以参考下
    2016-05-30
  • 深入剖析HTML5 内联框架iFrame

    下面小编就为大家带来一篇深入剖析HTML5 内联框架iFrame。希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-05-04
  • HTML中iFrame标签的两个用法介绍

    这篇文章主要介绍了HTML中iFrame标签的两个用法,分别是作为弹出层铺底覆盖 ,和跨域写入cookie,需要的朋友可以参考下
    2015-07-09
  • 利用iframe在网页中显示天气附效果截图

    这篇文章主要介绍了利用iframe在网页中显示天气,这个功能还是比较实用的,实现起来也比较容易,需要的朋友可以看看
    2014-10-08
  • a标签的target链接指向iframe的方法

    这篇文章主要介绍了a标签的target链接指向iframe的方法,切记不是用Id来做指向的目标而是name,需要的朋友可以参考下
    2014-09-04
  • 用jquery进行修复在iframe下的页面锚点失效问题

    iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,解决方法是用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动
    2014-07-28
  • iframe框架在IE浏览器下将白色背景设为透明色

    使用iframe画页面的层级框架,大部分浏览器是没有背景的,在IE中默认是有一个白色的背景色的,为了显示的更美观一些将iframe中的allowTransparent属性设置为true,即可
    2014-06-13
  • 浅谈Iframe网页内部的导航窗口

    下面小编就为大家带来一篇浅谈Iframe网页内部的导航窗口。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-17

最新评论