`
心语2012
  • 浏览: 45829 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

关于iframe的操作

    博客分类:
  • js
阅读更多
iframe是我们工作中经常用的东西.我把我的理解整理一下记录一下。
首先要说的访问iframe用contentWindow和contentDocument,contentDocument有兼容性问题在chrome下是不行的。contentWindow兼容性比较好,所有的浏览器都支持,但是必须用到服务器下才可以。
比如要让一个iframe自适应高度的话就可以

iframe.height = iframe.contentWindow.document.body.offsetHeight;就OK了

另一个要说的是在iframe中访问父窗口用window.parent和window.top。如果一个页面是被嵌套两层,那么window.parent指的是直接父层,而window.top指的是最外层你窗口

例如防止自己网站被嵌套的话可以这样写

if(window.parent!=window.self){
  
   window.parent = window.self;
}
分享到:
评论

相关推荐

    iframe的DOM操作

    iframe的DOM操作 iframe的DOM操作 iframe的DOM操作 iframe的DOM操作

    JS操作iframe里的dom(实例讲解)

    在JavaScript中,操作`iframe`内的DOM元素是常见的需求,特别是在构建复杂的网页应用时。`iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建...

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

    js操作iframe的一些知识

    ### JS操作Iframe的知识点详解 #### 一、概述 在网页开发中,经常会遇到需要通过JavaScript来控制或操作Iframe元素的情况。Iframe(Inline Frame)是一种可以在当前页面内嵌入其他页面的方式,常用于广告展示、...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个...这个方法常用于网页中的各种异步操作,如评论提交、表单验证等,提供了良好的用户体验。在实际开发中,还需要考虑错误处理、安全措施等,以确保系统的稳定性和安全性。

    后台管理禁止iframe刷新返回首页

    以上就是关于如何防止后台管理项目中`iframe`刷新返回首页的一些技术方案。在实际开发中,应根据项目的具体需求和技术栈选择合适的方法,确保用户操作的连贯性和体验性。通过合理的前端设计和编程技巧,我们可以有效...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    如果不是,代码将不会执行任何操作,但通常我们会传入`<iframe>`的`id`,以便正确地调整对应的`<iframe>`。 需要注意的是,`document.frames`是老式的方法,用于访问`<frameset>`内的`<frame>`元素,而在现代浏览器...

    关于iframe定位,找的文档

    因此,当元素在`iframe`中时,Selenium的`WebDriver`需要先切换到对应的`iframe`,才能正确地找到并操作这些元素。 首先,我们要理解如何在`iframe`中定位元素。假设我们有一个链接文本为"XXX"的元素,它在`id=...

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 在Web开发领域,`FRAME`与`IFRAME`都是用来展示多个文档的容器元素,但它们的工作方式有所不同。`FRAME`是一种早期的技术,它允许开发者在一个HTML页面中...

    iframe对另一个iframe控制的Demo

    这通常通过JavaScript或jQuery来实现,通过获取iframe的`contentWindow`或`contentDocument`属性来访问和操作iframe内部的DOM元素。例如,如果我们想要改变右边iframe中的某个元素的颜色,可以这样做: ```...

    iframe拖动功能..........

    "iframe拖动功能"指的是实现`iframe`元素可以被用户通过鼠标拖动来改变其在页面中的位置。这种功能在需要创建可自定义布局或者需要动态调整`iframe`显示区域的应用中非常实用。 要实现`iframe`拖动,我们需要借助...

    iframe框架\JS获取iframe元素

    本文将详细介绍如何使用JavaScript来获取`iframe`元素,并进行相关的操作,包括在不同浏览器环境下的兼容性处理。 #### 二、IE下访问操作`iframe`内容 在Internet Explorer浏览器中,可以通过多种方式来访问`iframe...

    iframe里无右键菜单

    然而,有时我们可能希望在`iframe`内禁用默认的右键菜单,以防止用户通过右键点击执行某些操作,比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求,描述中提到的解决方案是创建一个既简单又实用的...

    关于iframe页面报错如何跳到框架显示

    ### 关于iframe页面报错如何跳到框架显示 在网页开发过程中,经常遇到的一个问题是当嵌入在`iframe`中的内容出现错误时,如何让用户直接看到这个错误所在的框架或者跳转到一个特定的页面。这个问题涉及到前端...

    iframe自适应高度(DOM动态操作)

    ### iframe自适应高度(DOM动态操作) #### 概述 在网页开发中,`iframe`是一种常用的技术,用于在一个HTML页面中嵌入另一个HTML页面。然而,在实际应用中经常会遇到一个问题:即`iframe`的高度与内嵌页面的实际...

    javascript写的可拖动的iframe

    在本文中,我们将深入探讨如何使用JavaScript实现一个可拖动的iframe。JavaScript是一种强大的客户端脚本语言,常用于网页交互和动态效果的实现。在这个案例中,我们将关注于利用JavaScript来增强iframe的功能,使其...

    iframe消息监听传递

    它通常提供了一些预定义的方法和事件,使得开发者可以更方便地处理跨域消息传递,避免直接操作`postMessage`和`message`事件的复杂性。 总的来说,`iframe`跨域消息传递是现代Web开发中的重要技术,它使得不同源的...

    layuiadmin-iframe3.zip

    在layui中,iframe通常被用作后台管理系统的一部分,允许用户在一个窗口内同时操作多个子页面,提高工作效率。 在layuiadmin-iframe3的代码中,我们可能会找到以下关键知识点: 1. layui的结构与初始化:layui项目...

    js调用-嵌入iframe

    JavaScript可以通过DOM(Document Object Model)来操作IFrame,包括获取IFrame、修改其属性、以及与IFrame内的页面进行通信。 - **获取IFrame**:使用`document.getElementById`或`document.querySelector`等方法...

Global site tag (gtag.js) - Google Analytics