从一个子框架页面调用另一个子框架页面内的JavaScript函数

最新推荐文章于 2025-07-07 14:14:51 发布
原创 最新推荐文章于 2025-07-07 14:14:51 发布 · 967 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#框架 #javascript #border

本文介绍了一种在不同HTML框架之间通过父窗口调用指定框架内的JavaScript函数的方法。具体而言，展示了如何从顶部框架(top.action)调用主体框架(center.action)中的funcA()函数。

框架结构：

<frameset rows="127,*,11" frameborder="no" border="0" framespacing="0">
  <frame src="top.action" name="topFrame" scrolling="no" noresize="noresize" id="topFrame" />
  <frame src="center.action" name="mainFrame" id="mainFrame" scrolling="auto" />
  <frame src="down.action" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes>

 

当前位于框架页：top.action

需要被调用的JavaScript函数【funcA()】位于框架页：center.action

实现方法：

在top.action内：window.parent.window.frames['mainFrame'].funcA();

javascript 调用其他页面的js函数或变量的脚本
10-30
web开发的时候，有时候需要使用其他页面上写好的javasript函数、变量。如弹出窗口需要使用父窗口中的函数，框架1需要使用框架2中的函数。
js函数在frame中的相互调用详解
10-26
一个HTML页面可以有一个或多个子框架，这些...这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等
转---从一个子框架页面调用另一个子框架页面内的JavaScript函数
weixin_34290096的博客
04-14 149
框架结构： <frameset rows="127,*,11" frameborder="no" border="0" framespacing="0"> <frame src="top.action" name="topFrame" scrolling="no" noresize="noresize" id="topFrame" /> <frame sr...
JavaScript学习（一）——调用内部js和外部js的例子
archer的技术故事
03-11 8174
最近刚刚开始做网站方面的内容。在HTML或者JSP中调用JavaScript有两种方式，一种是内部调用，另一种是外部调用。 下面是代码： 1、index.jsp <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerNa
js中父子页面方法、变量互调
qq_41082640的博客
03-09 1288
（1）子页面调用父页面的方法或者变量：方法 ： window.parent.aa();//调取aa函数变量 ： 子页面中得到id为aaa的文本框的值window.parent.$("#aaa").val(); //jquerywindow.parent.getElementById("aaa").value;...
子页面调用父页面的函数
weixin_41058481的博客
07-22 1140
子页面调用父页面的函数 在layer.open创建的子页面中，parent.layer.closeAll(‘iframe’);关闭页面都正常； 如果在子页面直接调用父页面中的函数，parent.xxx();或者window.parent.xxx();一般这两种可以调用到。 第三种方式：将父页面的函数挂载到window上， (function(window) { function xx() {}; window.xx= xx; })(window) 子页面再通过parent.xx();调用父页面函数 第
Ext JS Tab标签页封装与跨框架调用演示
描述中提到：“demo里面包含了frameset的框架的演示以及如何在不同frameset之间互相调用JavaScript函数，以此来为打开页面显示tab标签页。” 这揭示了一个典型的企业应用架构场景——使用 frameset 将浏览器窗口划分...
19、探索 JavaScript 框架交互与翻转效果的奥秘
最新发布
backprop5master的博客
07-07 42
本文详细介绍了在网页开发中使用 JavaScript 与框架集进行交互的技术，包括隐藏边框、调用子窗口函数、更改内容、焦点控制等操作。同时，还讲解了如何实现翻转效果（Rollovers），提升网页的交互性和用户体验。文章涵盖了应用场景、注意事项、优化建议以及完整的开发流程，帮助开发者更好地掌握这些实用技术。
通用滑动门JavaScript实现及调用方法
尽管压缩包内包含42个子文件（具体名称未列出），但很可能涵盖了多种应用场景下的示例代码、不同风格的CSS主题、适配各种浏览器的兼容性处理脚本、文档说明以及可能的jQuery版本或其他框架封装版本，从而构成一个...
Javascript 解疑
01-21
这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。 框架间的互相引用：一个页面中的所有...
iframe页面相互调用方法
热门推荐
韭菜的故事
07-25 1万+
最近的项目中嵌入了外部的iframe，想跨域调用自己页面的方法，点击iframe中的返回按钮，返回到父级的上一级页面，因为是自己的项目是单页应用，所以无法直接使用window.location.href，这个需求让我头疼了两天（包括衍生出来的问题），解决了这个问题之后我决定总结一下，首先从简单的开始： 基本概念： window.self: 当前窗口自身的引用 window.parent: 上...
一个页面调用另一个页面的方法
yyyyyysssssshhhhhh的博客
12-23 2261
一、新建一个common.js 里面可以只写 importVuefrom'vue' exportdefaultnewVue 二、在 调用的页面 先引入刚写的js importcommonfrom"../../../assets/script/common.js" 然后 methods:{ functionA(){ ...
子、父页面相互调用方法
weixin_44548147的博客
09-17 395
（作者：ヤ青春ゞ滋味，撰写时间：2019年9月17日） 在我们做项目的过程中，我们经常会遇到子、父页面之间调用的方法，下面我来讲一下： 首先呢，我们需要来理解一下iframe标签,这个标签它规定了一个内联的框架，我们需要在父页面中利用iframe标签来进行嵌入子页面，我们如果需要的话也可以设为静态路径，代码如下： 1. 下面我们先来看一下iframe子页面调用父页面分方法： 在iframe页面...
JS在页面Frame和子Frame之间的调用
≯生命无际|花开有因≮
04-08 5760
框架子页面执行js刷新父页面，代码如下window.parent.frames["left"].location.reload();<frameset> <frame name="left" src="……"> <frame name="T_main" src="……"> </frameset>其中 left 是页面的name该刷新是刷页面src里写的地址，如果父页面中framese
js父框架调用子框架内的函数
qq494877108的专栏
09-13 1217
js父框架调用子框架内的函数:document.getElementById('slider').contentWindow.a();
javascript框架编程
weixin_34221773的博客
11-18 336
框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。 框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：win...
子框架页面可以调用父框架页面函数
johnnywww的专栏
09-20 6488
现在有个主框架页面body.jsp,其包含如下javascript函数：defultconf="8,*"function expandf(){  if (document.all)  {    if (document.body.cols!="170,*")    {      document.body.cols="170,*";      document.frames[0].scrollin
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值