主题：iframe中的子窗体调用父窗体中的方法

最新推荐文章于 2024-09-11 15:33:18 发布
最新推荐文章于 2024-09-11 15:33:18 发布
阅读量2.1k 收藏 1
点赞数
文章标签： iframe 框架 javascript html 浏览器 button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sdjnsyy/article/details/5871448
版权

iFrame语法：

 

iframe 标签 -- 代表HTML内联框架
  • iframe 标签是成对出现的,以<iframe> 开始,</iframe> 结束
  • 属性
    • name -- 定义了内容页名称,此名称在框架页内链接时使用到
    • src -- 定义了内容页URL
    • frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
      • 1 -- 在每个页面之间都显示边框
      • 0 -- 不显示边框
    • marginwidth -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
    • marginheight -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
    • scrolling -- 定义是否有滚动条,取值为(yes|no|auto ),缺省值为auto
      • yes -- 显示滚动条
      • no -- 不显示滚动条
      • auto -- 当需要时再显示滚动条
    • align -- 垂直或水平对齐方式
    • height -- 框架的高度
    • width -- 框架的宽度
  • 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/

示例

  1. <iframe src="http://www.dreamdu.com/xhtml/" width="200" height="500"></iframe>  
<iframe src="http://www.dreamdu.com/xhtml/" width="200" height="500"></iframe>

 

主窗体：

Html代码

<html>  

 <HEAD>  

  <TITLE> CSI System </TITLE>  

 </HEAD>  

<SCRIPT LANGUAGE="JavaScript">  

<!--   

    function    f1(str) {   

        alert("Hello, " + str + ",  我是 CSI System 的JavaScript Method!");   

    }   

//-->  

</SCRIPT>  

  

    <body>  

        <Iframe src="cti.html" width="250" height="200" scrolling="no" frameborder="1">  

        </iframe>  

        <h1 id="myH2">hello,I'm CSI!</h1>  

   </body>  

</html>  

 子窗体：

Html代码

<HTML>  

<HEAD>  

 <TITLE> CTI System</TITLE>  

</HEAD>  

<SCRIPT LANGUAGE="JavaScript">  

<!--   

    function f2(s) {   

        window.parent.f1(s);   

    }   

//-->  

</SCRIPT>  

 <BODY>  

  

 <FORM METHOD=POST ACTION="">  

    <INPUT type="button" value="Click Me!" onclick="f2('CTI');">  

 </FORM>  

    I am in CTI System!   

 </BODY>  

</HTML>  

sdjnsyy
关注
iframe中子窗体调用父窗体的方法
zhou363667565的专栏
10-09 298
  比如一个框架使用使用iframe。 左侧的iframe中.需要调用父窗体的方法;   //关闭左侧菜单; function menu_close(){ window.parent.menu_setProperties(); } function menu_setProperties(){ //在这里可以对父窗体中的表单或者属性进行操作; var menu= jQue...
iframe继承父窗口样式CSS的方法
lanapple123的专栏
07-25 2621
在子页面的head之间添加&lt;script&gt;window.onload=function(){  var linkList=window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表  var head=document.getElementsByTagName("head").item(0);  //外联样...
子框架页面可以调用父框架页面函数
johnnywww的专栏
09-20 6435
现在有个主框架页面body.jsp,其包含如下javascript函数：defultconf="8,*"function expandf(){  if (document.all)  {    if (document.body.cols!="170,*")    {      document.body.cols="170,*";      document.frames[0].scrollin
iframe 父窗口和子窗口相互的调用方法集锦
wonsoft的专栏
01-02 4万+
iframe 父窗口和子窗口相互的调用方法集锦一、父窗口调用iframe子窗口方法1、HTML语法： 2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码：html>   head> 
【Android开发基础】应用界面主题Theme使用方法
热门推荐
幻影浪子
05-31 8万+
主题Theme就是用来设置界面UI风格，可以设置整个应用或者某个活动Activity的界面风格。在Android SDK中内置了下面的Theme，可以按标题栏Title Bar和状态栏Status Bar是否可见来分类：   •android:theme="@
js layui 弹出子窗体_layer弹出iframe，父窗体如何调用其js中的方法
weixin_39872334的博客
12-21 453
父窗体点击按钮打开layer.open(type=2)子窗口1，子窗口1又打开子窗口2，子窗口2调用父窗体方法，父窗体方法执行成功后，调用子窗口1的方法。局部刷新一个div。主窗口model的方法function modifyLogin(data, index) {$.ajax({type: "post",async: false,dataType: "json",data: data.field...
js子窗体调用父窗体函数的问题
xuexiaodong2009的专栏
12-04 1143
在很早之前写过一篇关于关闭子窗体关闭后，调用父窗体的问题，js操作iframe兼容各种浏览器在使用了很多次发现了一些问题。因此想到了设计了一些改进的方法。其实可以在调用可以使用查询字符串巧妙的解决这个问题。例如：可以在父窗体FileAuthorityList.aspx这个页面中打开子窗体AuthorityDetail.aspx，并传递参数例如 var url = "AuthorityDetail.
iframe中的子窗体调用父窗体中的方法
07-09 2730
iFrame语法：  iframe 标签 -- 代表HTML内联框架iframe 标签是成对出现的,以 开始, 结束 属性 name -- 定义了内容页名称,此名称在框架页内链接时使用到 src -- 定义了内容页URL frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1 1 -- 在每个页面之间都显示边框 0 --
jQuery实现iframe父窗体和子窗体的相互调用
10-22
// 调用父窗体中的方法 window.parent.parentFunction(); // 获取父窗体中的DOM节点 alert(window.parent.document.getElementById("testid").value); } ``` 以上代码展示了父窗体和子窗体之间相互调用的基本...
jQuery子窗体取得父窗体元素的方法
10-24
接下来，我们来看一下获取特定类型子窗体中父窗体元素的方法： 1. 获取iframe中的父窗体元素： ```javascript $(selector, window.parent.document); ``` 2. 获取通过`window.open()`打开的窗口中的父窗体元素： ...
js关闭子窗体刷新父窗体实现方法
12-08
在JavaScript中，有时候我们需要在关闭一个子窗口时刷新其父窗口，这在处理多窗口交互的应用场景中非常常见。例如，子窗口可能用于编辑或添加数据，然后在保存后需要更新父窗口显示的信息。以下是如何使用JavaScript...
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
08-10
在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2594
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 565
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 298
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 366
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 595
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
jEasyUI 创建带复选框的树形菜单
wjs2024的博客
09-10 329
jEasyUI 是一个基于 jQuery 的框架，它为用户提供了一套完整的用户界面组件，包括菜单、窗口、表格等。在本文中，我们将重点介绍如何使用 jEasyUI 创建一个带复选框的树形菜单。
JavaScript中iframe调用父页面的方法详解
"这篇文档详细阐述了JavaScript中iframe如何调用父页面的方法，适用于网页开发中的交互需求。" 在JavaScript中，当一个页面包含iframe时，有时需要在iframe内部执行某些操作后，通知或调用父页面上的函数。文档中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值