千家信息网

iFrame的使用技巧有哪些

发表于:2024-10-26 作者:千家信息网编辑
千家信息网最后更新 2024年10月26日,这篇文章主要介绍"iFrame的使用技巧有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"iFrame的使用技巧有哪些"文章能帮助大家解决问题。1.作为弹出
千家信息网最后更新 2024年10月26日iFrame的使用技巧有哪些

这篇文章主要介绍"iFrame的使用技巧有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"iFrame的使用技巧有哪些"文章能帮助大家解决问题。

  1.作为弹出层铺底覆盖

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

  与弹出div同级放入iframe

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

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

  variframe=U.isie6()?'':'';

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

  2.跨域写入cookie

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

关于"iFrame的使用技巧有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

0