`
baiyuxiong
  • 浏览: 178307 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js取嵌套iframe里的元素

    博客分类:
  • php
阅读更多
//三个参数分别为:第一个iframe的ID,第二级iframe,及iframe中的元素ID
function getSub(grandpa,parent,target)
{
	var frameObjId = document.getElementById(grandpa);
	var cognosSdkIfr = frameObjId.contentWindow.document.getElementById(parent);
	var biccObjId = cognosSdkIfr.contentWindow.document.getElementById(target);
	alert(biccObjId.value);
}

示例见附件。只适用于IE及firefox。
分享到:
评论

相关推荐

    javascript 获取iframe里页面中元素值的方法

    IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

    javascript写的可拖动的iframe

    在HTML代码中,我们需要创建一个`<iframe>`元素,并为其设置一个ID以便于JavaScript访问。例如: ```html <!DOCTYPE html> 主页面 <script src="com.js"> <iframe id="draggableIframe" src="frm....

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    jQuery冻结表头-嵌套iframe页面

    总的来说,"jQuery冻结表头-嵌套iframe页面"是一个涉及到JavaScript编程、CSS布局、事件处理和跨域通信的综合问题。理解和掌握这些知识点对于提升网页开发技能,特别是处理复杂UI交互的能力,是非常有价值的。

    iframe跨域嵌套自适应高度

    在网页开发过程中,`iframe`作为一种常见的网页元素,被广泛用于在当前页面中嵌入另一个独立的文档或页面。然而,在实际应用中经常会遇到一些问题,如跨域限制、自适应高度调整以及安全方面的考虑等。本文将详细介绍...

    基于js的iframe 可关闭tab标签组件使用方法

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面的内容。然而,`iframe`的高度自动适应往往成为开发者面临的问题,特别是当嵌入的内容高度不确定时。标题提到的...

    防止被IFRAME嵌套并自动跳到首页代码.rar

    描述中提到的测试方法,是验证这段JS代码是否有效防止了IFRAME嵌套的过程。当A站全局引入这段JS代码后,任何试图在B站的IFRAME中加载A站的行为都会导致浏览器自动跳转到A站的首页,从而避免了A站内容被不正当利用。 ...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript中,可以通过`document.createElement('iframe')`创建一个iframe元素。然后,为其设置`src`属性,指向需要打印的页面URL,或者将其`contentDocument`或`contentWindow`指向一个包含HTML内容的Blob对象,...

    simple-element-resize-detector, 使用隐藏的iframe观察元素大小的变化.zip

    simple-element-resize-detector, 使用隐藏的iframe观察元素大小的变化 simple-element-resize-detector 使用隐藏的iframe观察元素的大小。收费的JSFiddle演示安装npm i -S simple-element-resize-detector用法

    iframe里无右键菜单

    // 获取iframe元素 var iframe = document.getElementById('myIframe'); // 监听iframe的contextmenu事件 iframe.addEventListener('contextmenu', function(event) { // 阻止默认的右键菜单显示 event....

    js如何判断是否在iframe中及防止网页被别站用iframe嵌套

    当页面嵌入到iframe时,self.frameElement会指向包含当前页面的那个iframe元素。我们可以检查这个属性是否存在,并且它的标签名(tagName)是否为"IFRAME"。 ```javascript if(self.frameElement && self....

    vue项目多入口,iframe嵌套.zip

    另外,Vue 3.0 引入了Teleport,用于将Vue组件输出到DOM树的其他位置,这在处理某些特定场景(如避免内容被某些元素覆盖,或在iframe之间通信)时非常有用。 4. **参考文件夹**: 提供的压缩包中有两个文件夹,...

    多个iframe,其中一个的div能够处于最上层显示

    如果涉及到不同源的 `iframe`,可能需要采用其他方法,如使用 JavaScript 进行通信或调整 `iframe` 的大小和位置。 在实际应用中,还应考虑以下因素: - 检查是否有任何父元素也设置了 `z-index`,这可能会影响到子...

    iframe实现左侧菜单右侧页面简单示例

    总的来说,"iframe实现左侧菜单右侧页面简单示例"是一个很好的教学资源,它涵盖了网页布局、iframe嵌套、CSS样式设计等基础知识,对于初学者来说,可以通过这个实例学习并掌握这些技能,为构建更复杂的Web应用打下...

    jQuery取得iframe中元素的常用方法详解

    在网页开发中,有时我们需要操作或获取嵌套在`iframe`中的HTML元素,这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先,我们要明确一点:跨域的`iframe`是无法...

    iframe弹出框遮罩父类页面

    总的来说,"iframe弹出框遮罩父类页面"是一个常见的前端交互需求,通过合理使用`iframe`、JavaScript和CSS,以及像EasyUI这样的库,可以实现高效、简洁的解决方案。理解并掌握这些知识点对于提升网页交互体验至关...

    js无限极跨越框架获得html元素的位置(源码)

    6. `selectUser.js`: 主要的JavaScript源码,实现了跨框架获取元素位置的功能。 在`selectUser.js`中,开发者可能使用了递归方法来遍历所有框架,查找目标元素并计算其位置。递归的关键在于,每次进入一个iframe,...

Global site tag (gtag.js) - Google Analytics