父框架调用子框架中内容的问题记录

  有一个项目需要用框架来完成,在编码中发现父框架调用子框架中内容的实现有兼容性问题,特此记录下来!

<iframe id="preview" name="preview" src="bill.php?page=preview" frameborder="0" width="100%"></iframe>

  这个是我的框架,我准备操作框架中的DOM。所以我使用了,

container= preview.contentWindow.document.body;

  结果却发现,在IE8上不行了,其它的版本我没有测试。

  原因是:contentWindow的兼容问题,在IE中没有这个属性。

  经调试,经不需要这个属性,直接使用

container= preview.document.body;

  就可以了。 好神奇的问题,但是这样的写法是在其他的浏览器上不兼容了。

  所以我最终的解决办法是:

container=preview.contentWindow?$(preview.contentWindow.document.body):$(preview.document.body);

  请勿照抄代码,我当中使用了jq,所以请理解原来后使用,各位看客。

时间: 2024-10-07 02:16:48

父框架调用子框架中内容的问题记录的相关文章

父组件调用子组件中的方法- this.$refs.xxx.子组件方法();

子组件中有一个说的方法 在父组件中去调用当你点击的时候 去调用子组件中的方法 fu.vue 在父组件的方法中调用子组件的方法,很重要 this.$refs.mychild.parentHandleclick(); { <template> <div> <button @click="clickParent">点击 调用子组件</button> <child ref="mychild"></child&

在子jsp页面中调用父jsp中的function或父jsp调用子页面中的function

项目场景: A.jsp中有一个window,window里嵌入了一个<iframe>,通过<iframe>引入了另一个页面B.jsp.在B.jsp中的一个function中需要调用A.jsp中定义的一个function  funA. 这时,可在B.jsp的js中通过parent.funA()来调用A.jsp中的funA方法; 父页面调用iframe中的子页面中的方法: 'window.frames["childPage"].sonff();

react 父组件调用子组件中的事件

import React, {Component} from 'react'; export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> <button onClick={this.click} >click</button> </div> ) } onRef = (ref) => { this.

jquery中ifram子窗体调用父窗体方法、父窗体调用子窗体方法

//调用子窗体中的方法. var childWindow = $("#AddFrame")[0].contentWindow;//获取子窗体的window对象 childWindow.subForm(); //调用父窗体中的方法 window.parent.afterAdd();

angular 中父组件调用子组件的方法

angular中 父组件调用子组件的方法 -- 使用 @ViewChild 装饰器修饰子组件,获取方法,调用 除此之外 ViewChild 还可以获取 DOM ,操作 DOM , 详见: https://www.cnblogs.com/monkey-K/p/11567098.html 1. html 中使用 #var 方式标记 子组件 <div style="border: 1px solid red"> <p>子组件:</p>> <ap

kdchxue讲解V9父栏目调用子栏目的办法

我们在做模板时有时候需要用到调用栏目的子栏目,下面这个文章将教大家实现目的,挺简单的.代码如下: 在二级栏目列表页调用: <!-- * 获取子栏目 * @param $parentid 父级id * @param $type 栏目类型 * @param $self 是否包含本身 0为不包含 * @param $siteid 站点id -->     <divclass="arrchildid_list">     {php $j=1;}     {loop su

Appcan学习笔记(1)——父页面调用子页面的方法

1.单个子页面 index.html 为父页面,里面有div为:<div id="content" class="ub-f1"> </div> 此div承载子页面 index_content.html 当触发父页面中的某一事件时调用子页面中的某一方法,代码如下 appcan.frame.evaluateScript("","content","RequestData('"+par+&

Vue的父子组件v-model双向绑定,父组件修改子组件中绑定的v-model属性

先来看下实现的效果,父组件中有个文本框,在点击下面按钮时弹出抽屉,抽屉里也有个文本框,文本框里的初始值要和父组件的文本框同步,并且修改抽屉里的文本框值时 父组件里的文本框值也要跟着改变 网上有大概三种方法 父组件调用子组件传值,子组件通过props接收父组件传来的值,并通过emit发送方法名和值,父组件根据传来的方法名定义方法接收值并进行赋值操作. Sync  这个没试过不了解 v-model  子传父: 父组件定义v-model,子组件中当数据更新时,向父组件emit一个input事件,将更新

调用子窗体中的控件

通常在主窗体上点击某处控件想弹出一个子窗体,在子窗体中做了一些操作,然后要在主窗体中调用子窗体中控件中的值,其实很简单,就是需要做到两点: 1.在主窗体的Form Class级new子窗体 frmDDL frmddl = new frmDDL(); frmButton frmbtn = new frmButton(); 2.将子窗体中需要在主窗体中调用的控件的Modifer属性设置为Public 3.主窗体代码中显示子窗体,new出子窗体中的按钮事件 ? 1 2 frmbtn.Show(); f