<dfn id="auwi8"></dfn>
          <div id="auwi8"></div>
        1. 北京网站建设>前端开发>Html>

          Html

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

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

          最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于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.98179368.com/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公司

          安徽十一选五开奖直播

                <dfn id="auwi8"></dfn>
                <div id="auwi8"></div>

                      <dfn id="auwi8"></dfn>
                      <div id="auwi8"></div>
                    1. 双色球基本走势图2元网 下载软件大公鸡排列5 福彩试机号 北京时时彩赛车开奖记录结果 天津十一选五前三走势图 11选五5复式投注表 极速十一选五在线预测 足彩胜负彩18012期 湖南彩票报 四川时时彩合法的吗 德州扑克翻牌前概率 足球直播视频直播西甲 海南论坛天涯社区 凤凰彩票平台下载 青海快3开奖走势图