flutter 子级跳转父级页面调用父级方法

2024-09-07

Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参

Flutter中页面通过路由跳转传参主要分两种,一种是通过push()跳转时根据设定的参数进行传参,另一种是通过pop()返回时进行传参. 父级页面向子页面push()传参假设从A页面跳到B页面可能需要携带参数userName和userAge这两个参数,那么需要在B页面先设置这两个参数名:假设userName必须填而userAge非必需,那么可以通过设置@required其为必填选项: class PageB extends StatefulWidget { @override final u

iframe子页面调用父页面javascript函数的方法

1.iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用子页面js函数这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();

iframe里面的页面调用父窗口,左右窗口js函数的方法

iframe里面的页面调用父窗口,左右窗口js函数的方法实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN();那么只要在C页面中写如下JS函数就可以了:window.parent.AFUN();如果AFUN()有参数也可以直接传递合适的参数进去. 例如:修改父窗口控件属性window.parent.document.getElementById('frm

iframe页面调用父窗口JS函数

A页面iframe 页面B, 此时如果要在B页面调用父页面A的函数 B页面写法 parent.functionName(); 错误1: 解决办法 var js_domain_async = 'baidu..com'; document.domain = js_domain_async; 错误2: is not a function 解决办法 <script type="text/javascript"> function functionName(){ } </sc

实现 iframe 子页面调用父页面中的js方法

父页面:index.html(使用iframe包含子页面child.html) [xhtml] view plaincopyprint? <html> <head> <script type="text/javascript">  </script> </head> <body

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

mui-webview-子页面调用父页面的js方法

子页面// 获取当前webviewvar self = plus.webview.currentWebview();var opener = self.opener();//此句调用父页面jsopener.evalJS('checkLoginStatus()'); 父页面function checkLoginStatus(){}

父窗口和iframe子窗口之间相互传递参数和调用函数或方法

1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sArgName) { var args = LocString.split("?"); var retval = ""; if(args[0] == LocString) /*参数为空*/ { return retval; /*无需做任何处理*/ } var str = a

jsp中iframe所包含的页面调用父页面的function方法

a.jsp中写了注册的Ext窗体loginWindow,也用iframe包含了另一个b.jsp,当在b.jsp中也有点击注册的链接,这时需要用到调用a.jsp中的loginWindow,因为如果你重新将loginWindow再次写在b.jsp中的话,弹出来的窗体是在b.jsp页面的中部而不是在a.jsp的中部,所以这时就可以这样: onclick="parentRegiSter()" //调用父页面的注册窗体 function parentRegister(){ window.pare

二级域名相同的情况下子页面调用父页面的js方法

这两天项目遇到这种需求.项目是一个平台级系统,其中嵌入了多款应用.在平台上可以使用这些应用操作业务. 现在产品提出了个需求:即在A应用中需要调用js方法来打开B应用. 处理方法是:平台js中给出个打开B应用的方法,由应用A调用这个方法. 1.平台有个公用的js,在js中添加一条语句: document.domain = "testxxx.com"; 然后添加一个js方法,如: function openB(){ //do sthing.....} 2.A应用需要做的事情: 1.添加j

iframe弹出层中关闭包含iframe的div（子页面调用父页面js函数）

父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;"> <iframe style="height:182px; width:300px;" src="1.html"></iframe> </div> js: function closeIframe(){ $("#wi

如何通过js在子页面调用父页面元素的click事件

//获取父页面的某个元素var node = window.parent.document.getElementById("btnReturn");//调用该元素的Click事件 node.click();

iframe子页面调用父页面js函数

window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).contents().find("test").val(); 例: 父: <div id="page-wrapper" class="gray-bg dashbard-1"> <div class="row J_mainC

mui---子页面调用父页面的自定义方法

目前在开发APP的时候,有这样的一个需求:需要在登录页面返回后能够刷新父页面. 功能是这样的:在 A.html页面有头像和用户昵称,这些信息需要用户进行登录才能够拿到,登录页面是在B.html,点击A.html页面,跳转到B.html进行登录,在B.html登录成功后返回,返回的时候需要更新A.html的头像和用户昵称. 方法:在B.html页面点击返回的时候,触发A.html页面的自定义方法来实现. 具体看代码:项目是用VUE来做的,所以... B.html :添加 beforeback方法:

JS实现关闭当前子窗口，刷新父窗口及调用父窗口的方法

一.js实现关闭当前子窗口,刷新父窗口 JS代码如下: <script> function refreshParent() { window.opener.location.href = window.opener.location.href; window.close(); } </script> html页面代码如下: <input type="button" id="btn1" class=&qu

web页面调用app的方法

use_app_goto_page: (skip_type, skip_target) => { // Android App if (/android/i.test(navigator.userAgent)) { try { app_response = window.android.gotoPage(skip_type, skip_target) } catch (e) { console.log(e) } // iOS App } else if (/ios|iphone|ipod|pad

JS 的子父级页面调用

window.frames["iframevehquery"].add(); // 父页面调用嵌套子页面的js函数, iframevehquery 为 iframe 的name值,add()为子页面的js函数: parent.removeMapOverlay();// 子页面调用父级页面的js函数. $("#changeCar", window.parent.document).show();//操作父级页面元素 $('#frmSendVeh').contents(

iframe 父页面调用子页面的vue方法

父页面代码: html: <div id="app"> //省略业务代码x行..... <iframe src="/sonpage" > //省略业务代码x行..... </div> vuejs: var vm = new Vue({ el: '#app', data: { id:'123', }, mounted: function() { this.$nextTick(fu

子页面iframe跨域执行父页面定义的JS方法

问题需求:父页面与子页面iframe跨域嵌套,子页面要触发父页面所定义的js方法.父子页面的数据传递. 下文中会用到一些文件:父页面: parent.html嵌在父页面的子iframe页面:child.html 同域时 iframe 调用父页面的JS方法在同域的情况下,子iframe页面可以很方便地直接调用父页面定义的JS方法:window.parent.fn(); 或者 window.top.fn();window.self: 当前窗口自身的引用window.parent: 上一级父窗口的引

iframe标签的子父页面调用函数和属性

在使用iframe标签时,总想通过子页面调用父页面的一些方法和属性.今天终于发现了. 1在父页面写一个函数 //让子页面来调用此方法,控制导航栏 function childfunc(){ alert("子页面掉用的我"); } 2/在子页面调用函数 //通过调用父页面的方法控制导航栏 window.parent.parent.childfunc(); 注意,parent是控制第几层子页面的,因为我使用了2个iframe嵌套,所以要写2个parent 看下效果如何:

父页面调用子页面js的方法

iframe子页面调用父页面javascript函数的方法今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题.顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1.iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在ch

flutter 子级跳转父级页面调用父级方法

热门专题