iFrame的使用技巧有哪些

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

创新互联建站网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队，负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作，以确保网站外观精美、成都做网站、成都网站建设易于使用并且具有良好的响应性。

1.作为弹出层铺底覆盖

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

与弹出div同级放入iframe

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

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

variframe=U.isie6()?'<iframestyle="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.comdomain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可，src属性指向b的一张代理页面，在这张页面执行cookie操作即可。

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

文章题目：iFrame的使用技巧有哪些
网站网址：https://www.cdcxhl.com/article40/joceeo.html

成都网站建设公司_创新互联，为您提供电子商务、小程序开发、静态网站、网站营销、手机网站建设、定制开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联