JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

1）在iframe中查找父页面元素的方法：

$('#id', window.parent.document)

2）在iframe中调用父页面中定义的方法和变量：

parent.method

parent.value

3）实例

1.父页面

复制代码代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

var hello = 'hello';

function getHelloWorld() {

alert('hello world');

}

</script>

</head>

<body>

<div>

<div id="default" style=" width:200px; height:400px; float:left;">default.aspx</div>

</div>

</form>

</body>

</html>

2.子页面

复制代码代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(function() {

//在iframe中查找父页面元素

alert($('#default', window.parent.document).html());

//在iframe中调用父页面中定义的方法

parent.getHelloWorld();

//在iframe中调用父页面中定义的变量

alert(parent.hello);

});

</script>

</head>

<body>

IFrame.aspx

</div>

</form>

</body>

</html>

转载于:https://blog.51cto.com/iicoo/1767431

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)相关推荐

java 排序方法详解_java中关于排序方式的实例讲解
冒泡排序特点:效率低,实现简单思想(从小到大排):每一趟将待排序序列中最大元素移到最后,剩下的为新的待排序序列,重复上述步骤直到排完所有元素.这只是冒泡排序的一种,当然也可以从后往前排.publi ...
python删除列表元素的所有方法_python 列表删除所有指定元素的方法
python 列表删除所有指定元素的方法如下所示: a = [1,1,1,2,3,45,1,2,1] a.remove(1) result: [1,1,2,3,45,1,2,1] while 1 i ...
iframe子页面操作父页面
2019独角兽企业重金招聘Python工程师标准>>> 最近经常用到iframe,用的最多的就是在子页面中操作父页面的方法或变量等,总结了用到的几种方法,如下: var tableN ...
layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...
vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法
vue 父组件中调用子组件函数的方法在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数 ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
S获取节点的兄弟,父级,子级元素的方法
JS获取节点的兄弟,父级,子级元素的方法作者: 字体:[增加减小] 类型:转载时间:2014-01-09 我要评论本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要 ...
java实现页面高效刷新_selenium高效应对Web页面元素刷新的实例讲解
当我们在页面上进行selenium.type()或者selenium.click()操作的时候,往往需要需要等待一个元素的出现,对于一般的网页,当我们进入一个新页面的时候,往往会使用selenium. ...
python selenium定位元素方法,python + selenium 练习篇 - 定位元素的方法
1.利用ID定位元素(能直接通过ID来定位的元素比较少) # coding=utf-8 from selenium import webdriver driver = webdriver.Chrome ...
php 合并重复数据合并,PHP_php合并数组中相同元素的方法，本文实例讲述了php合并数组中 - phpStudy...
php合并数组中相同元素的方法本文实例讲述了php合并数组中相同元素的方法.分享给大家供大家参考.具体如下: 关于重复数组的删除我们都介绍过N种方法了,今天这个例子有点不同就是删除数组中相同的元素 ...

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)相关推荐

最新文章

热门文章