使用iFrame的一些小技巧

这次给大家带来使用iframe的一些小技巧,使用iframe的注意事项有哪些,下面就是实战案例,一起来看一下。

最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的注意事项收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:
1. 作为弹出层铺底覆盖
大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下:
与弹出div同级放入iframe
保证iframe的 注意事项小于弹层div z-index
增加window resize和scroll注意事项, 保证iframe能盖住整张页面

var iframe = U.isie6() ? '' : ''; $container.append(iframe).appendTo($body);

登录后复制

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

相信看了这些案例你已经掌握了方法,更多精彩请关注【创想鸟】注意事项相关文章!

相关阅读:

注意事项

注意事项

以上就是使用iFrame的一些小技巧的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3087076.html

(0)
上一篇 2025年3月28日 07:48:50
下一篇 2025年3月28日 07:48:55

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • iframe的节点初始化

    这次给大家带来iframe的节点初始化,iframe的节点初始化的注意事项有哪些,下面就是实战案例,一起来看一下。 今天忽然想着复习一下富文本注意事项的制作原理。于是二话不说将手把手地做了起来。因为一年前写过一个简单的富文本编辑器,所以大概…

    编程技术 2025年3月28日
    100
  • iframe的去边框和无边框有哪些操作方式

    这次给大家带来iframe的去边框和无边框有哪些操作方式,iframe去边框和无边框的操作方式的注意事项有哪些,下面就是实战案例,一起来看一下。 登录后复制登录后复制登录后复制 登录后复制登录后复制登录后复制 runat=”se…

    编程技术 2025年3月28日
    100
  • iframe的各项参数

    这次给大家带来iframe的各项参数,iframe各项参数的注意事项有哪些,下面就是实战案例,一起来看一下。 iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” bo…

    编程技术 2025年3月28日
    100
  • iframe的跨域使用方法

    这次给大家带来iframe的跨域使用方法,我们知道,在前端界面中我们时常会用到iframe这个标签,那么iframe跨域使用的注意事项有哪些,下面就是实战案例,一起来看一下。 同一个 origin 下:父页面可以通过 iframe.cont…

    编程技术 2025年3月28日
    100
  • Java中常用的正则表达式语法和使用技巧

    Java正则表达式常用语法及使用技巧 导言:正则表达式(Regular Expression)是一个强大的文本匹配工具,可以方便地用于字符串的查找、替换和验证。Java的正则表达式由java.util.regex包提供支持。本文将介绍Jav…

    2025年3月13日
    200
  • JAVA中如何解析和遍历JSON数组?掌握JSON数组处理技巧。

    JAVA中如何解析和遍历JSON数组?掌握JSON数组处理技巧。 随着现代互联网的快速发展,JSON(JavaScript Object Notation)已经成为了一种常用的数据交换格式。它简洁、易读,非常适合用于Web开发和API接口的…

    2025年3月13日
    200
  • 深入理解Java开发中的JSON处理技巧

    深入理解Java开发中的JSON处理技巧 摘要:随着互联网的发展和数据交互的广泛应用,处理JSON数据已成为现代软件开发中不可或缺的一部分。本文将深入探讨Java开发中的JSON处理技巧,包括JSON的基本概念、使用JSON的好处以及在Ja…

    2025年3月13日
    200
  • uniapp中路由的使用技巧

    uniapp中路由的使用技巧 一、概述在uniapp开发中,路由是非常重要的一个方面,它可以实现页面之间的跳转和传递参数。本文将介绍uniapp中路由的使用技巧,并给出具体的代码示例。 二、uniapp路由的基本使用在uniapp中,路由的…

    2025年3月13日
    200
  • Vue 中的动画效果实现技巧

    vue 是一个流行的 javascript 前端框架,它提供了丰富的组件和功能,包括动画效果。vue 提供了多种方式来实现动画效果,下面将介绍一些实现技巧。 使用 Vue 的 Transition 组件 Vue 的 Transition 组…

    编程技术 2025年3月13日
    200
  • 使用keep-alive组件实现vue页面缓存的技巧

    使用keep-alive组件实现vue页面缓存的技巧 在开发vue应用时,经常遇到需要缓存页面的需求。当用户离开某个页面然后再次回到该页面时,希望页面能够保持之前的状态,避免重新加载和重新渲染。vue提供了一个keep-alive组件,可以…

    编程技术 2025年3月13日
    200

发表回复

登录后才能评论