<output id="bakd8"><s id="bakd8"></s></output>
        <dl id="bakd8"><ins id="bakd8"></ins></dl>

              1. <li id="bakd8"><s id="bakd8"><thead id="bakd8"></thead></s></li>

                <li id="bakd8"></li>
              2. <li id="bakd8"><s id="bakd8"></s></li>
                <dl id="bakd8"></dl>

                1. <dl id="bakd8"></dl>

                    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.zbby.tw/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公司

                      山西十一选五18062088