zoukankan      html  css  js  c++  java
  • IFrame标签的两个用法介绍


    1. 作为弹出层铺底覆盖

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

        与弹出div同级放入iframe
        保证iframe的 z-index小于弹层div z-index
        增加window resize和scroll事件, 保证iframe能盖住整张页面

    部分代码

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

    var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); 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操作即可。

  • 相关阅读:
    【leetcode】面试题 01.04. 回文排列
    【leetcode】将数组分成和相等的三个部分
    【leetcode】杨辉三角
    【leetcode】杨辉三角 II
    【leetcode】判断路径是否相交
    【leetcode】路径总和
    【leetcode】山脉数组的峰顶索引
    053-4
    053-151
    053-272
  • 原文地址:https://www.cnblogs.com/bugo/p/9133179.html
Copyright © 2011-2022 走看看