大发彩票首页
        大发彩票>前端开发>Html>

        Html

        HTML中iFrame标签的两个用法介绍

        来源:未知 作者:admin 时间:2016-06-08 20:55 点击:次

        大发彩票 www.518it.com.cn 最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:

        1. 作为弹出层铺底覆盖

        大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下:

        与弹出div同级放入iframe

        保证iframe的 z-index小于弹层div z-index

        增加window resize和scroll事件, 保证iframe能盖住整张页面

        部分代码

        XML/HTML Code复制内容到剪贴板

        1. var iframe = U.isie6() ? '< iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0">< /iframe>' : '';

        $container.append(iframe).appendTo($body);

        2. 跨域写入cookie

        有 a.com和b.com两个domain。在某些条件下b的部分功能会出现在a页面上。 有时需要操作a页面的时候对b.com domain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可,src属性指向b的一张代理页 面,在这张页面执行cookie操作即可。

        公司业务:大发彩票,刷百度下拉,刷百度指数,虚拟主机租用

        如转载,请保留本文链接地址:http://www.518it.com.cn/Style/Html/2016/0608/1898.html

        Loading......
        • 上一篇:没有了
        • 下一篇:没有了
        推荐文章
        工作时间:

        AM 09:00 ~ 12:00

        PM 14:00 ~ 18:00

        联系方式:

        Tel 010-50933590

        Hp 18701620736

        设计优势

        独立的设计团队 带给您全新的视觉体验

        功能开发

        强大的技术实力,完成您想要的任何功能

        售后服务

        完善的售后服务,解决您在使用过程中遇到的问题

        Copyright © 2010 - 2018 北京顺晟科技发展有限公司 All Rights Reserved

        地址:北京市顺义区南法信政府府前街16号 炫立方 | TEL:010-50933590

        北京网站建设 | 北京网站设计 | 北京SEO公司

        大发彩票官网 | 大发彩票平台 |