iframe頁面操作實例詳解-js教程-PHP中文網

首頁

web前端

js教程

iframe頁面操作實例詳解

零下一度

Jun 30, 2017 pm 04:24 PM

元素操作進行

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" " 
<html xmlns="www.w3.org/1999/xhtml" ><head runat="server">    <title></title>    
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>    
<script language="javascript" type="text/javascript">        var hello = &#39;hello&#39;;        
function getHelloWorld() {            alert(&#39;hello world&#39;);        }    
</script></head><body>    <form id="form1" runat="server">    <div>    
<div id="default" style=" width:200px; height:400px; float:left;">default.aspx</div>    
<iframe id="iframeid" src="IFrame.aspx" style=" width:400px; height:400px; float:left;">
</iframe>    
</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" " 
<html xmlns="www.w3.org/1999/xhtml" ><head runat="server">    <title></title>    
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>    
<script language="javascript" type="text/javascript">        $(function() {            
//在iframe中查找父页面元素            alert($(&#39;#default&#39;, window.parent.document).html());            
//在iframe中调用父页面中定义的方法            parent.getHelloWorld();            
//在iframe中调用父页面中定义的变量            alert(parent.hello);        });    
</script></head><body>    <form id="form1" runat="server">    
<div id="iframe">        
IFrame.aspx    </div>    
</form>
</body>
</html>

以上是iframe頁面操作實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

PHP编程中有哪些常见的Behat操作？Jun 12, 2023 am 08:19 AM

PHP编程中有哪些常见的Behat操作？Behat是一个行为驱动开发（BDD）工具，允许测试人员和开发人员在自然语言中撰写测试用例，并将这些用例转化为可执行的代码。它支持PHP语言，并提供了丰富的库和功能，可以实现多种常见的测试操作。下面列举了PHP编程中常见的Behat操作。前置条件（Background）在编写测试用例时，有时候会有一些公共的前置条件需要

ThinkPHP6如何进行表单验证操作？Jun 12, 2023 am 09:36 AM

ThinkPHP6是一款基于PHP的MVC框架，极大地简化了Web应用程序的开发。其中表单验证是一个非常基础和重要的功能。在这篇文章中，我们将介绍ThinkPHP6中如何进行表单验证操作。一、验证规则定义在ThinkPHP6中，验证规则都需要定义在控制器中，我们可以通过在控制器中定义一个$validate属性来实现规则的定义，如下所示：usethinkVa

PHP编程中有哪些常见的jQuery操作？Jun 12, 2023 am 10:38 AM

PHP编程中有哪些常见的jQuery操作？在PHP编程中，使用jQuery进行网页开发是一种非常方便和高效的方式。jQuery是一个简单而强大的JavaScript库，包含了许多实用的方法和函数。在PHP编程中，我们常常使用jQuery来操纵HTML和DOM元素，使网页具有更好的交互性和高度的可视化效果。在本文中，我们将介绍一些常见的PHP编程中使用jQue

PHP编程中有哪些常见的OAuth操作？Jun 12, 2023 am 08:48 AM

OAuth（开放授权）是一种用于授权访问控制的标准化协议。在Web开发中，使用OAuth可以帮助应用程序安全地从第三方平台中获取用户数据或资源。而在PHP编程中，OAuth操作也被广泛应用。本文将介绍PHP编程中的常见OAuth操作。OAuth1.0a授权OAuth1.0a授权是OAuth中最早出现的授权方式，也是最复杂的一种授权方式。在PHP编程中，O

ThinkPHP6中如何进行邮件发送操作？Jun 12, 2023 am 10:12 AM

近年来，邮件作为一种最为常见的通信方式，被广泛应用于各种应用场景中。在不同的WEB应用中，也经常需要通过发送邮件的方式来进行通知、验证等功能。而在使用ThinkPHP6框架开发WEB应用的过程中，我们需要了解如何进行邮件发送操作，以便更好地实现各种功能。下面我们将介绍如何在ThinkPHP6中进行邮件发送操作。配置邮件在ThinkPHP6中配置邮件非常方便。

ThinkPHP6中如何进行分词搜索操作？Jun 12, 2023 am 09:39 AM

随着互联网应用的不断发展，搜索引擎也成为了日常生活中必不可少的工具，而分词搜索是搜索引擎中非常重要的一种搜索方式。在使用ThinkPHP6框架开发项目时，我们也需要对分词搜索进行深入了解和应用。本文将介绍ThinkPHP6中如何进行分词搜索操作。一、分词搜索简介分词搜索是将用户输入的关键词进行分割，然后在数据库中进行模糊搜索，找到相符合的记录。相较于传统的搜

怎样使用ThinkPHP6进行地理定位操作？Jun 12, 2023 am 08:33 AM

随着移动互联网的快速发展，地理定位功能已经成为了许多应用程序中必不可少的功能，让用户能够更加方便地获取周边信息，也为商家提供了便捷的交互方式。而在应用中实现地理定位功能，ThinkPHP6框架也提供了较为便捷的解决方案。本文将介绍使用ThinkPHP6进行地理定位操作的具体方法及步骤。一、安装扩展在使用前，需要安装thinkphp官方提供的think-geo

怎样在ThinkPHP6中进行captcha图形验证码操作？Jun 12, 2023 am 11:45 AM

随着互联网的快速发展，基于图形的验证码已经成为了网站安全保障的一个重要环节。验证码可以有效地防止机器人或恶意程序对网站进行自动化操作，同时也可以保障用户信息的安全性。而在基于ThinkPHP6的网站开发中，如何实现captcha图形验证码的操作呢？本文将为您介绍具体的操作流程。一、生成Captcha图形验证码1、使用captcha库进行安装在ThinkPHP

See all articles