js回调函数、父画面与子画面之间的js回调函数(含参数传递)

<Zhuuu_ZZ>HIVE(十一)函数 Hive内置函数一 Hive函数分类二 字符函数二 类型转换函数和数学函数三 日期函数四 集合函数五 条件函数六 聚合函数和表生成函数6.1 聚合函数6.2 表生成函数:输出可以作为表使用 一 Hive函数分类 从输入输出角度分类 标准函数:一行数据中的一列或多列为输入,结果为单一值 聚合函数:多行的零列到多列为输入,结果为单一值 表生成函数:零个或多个输入,结果为多列或多行 从实现方式分类 内置函数 自定义函数 UDF:自定义标准函数 UDAF:自定义聚合函数 UDTF:自定义表生成函数 阅读详情

 js回调函数、父画面与子画面之间的js回调函数(含参数传递)

(执行顺序:①→②→③→④)

function①→A.jsp(父画面)上的方法

	// 子画面の呼出
	function openSubWindow(clubNo, fileId) {
		//サイズ決定
		var windowSize = 'dialogWidth:' + '520' + 'px;dialogHeight:' + '330'+ 'px'
				+ 'center:yes;help:no;resizable:no;scroll:no;status:no;unadorned:no;dialogHide:no';
		//遷移先
		var val = new Array();
		val["action"] = "/Zfn110fjUploadInit";
		var actionUrl = ACTION_PATH_BASE + val["action"];
		actionUrl = actionUrl.replace(/;jsessionid=.*$/, "")
		            + ".do?callBackFunction=setFileName&state=other&clubNo=" + clubNo + "&fileId=" + fileId;
		//ウィンドウ表示
		window.showModalDialog(actionUrl, window, windowSize);
	}
①setFileName即为子画面(B)执行后,父画面(A)要执行的方法,即:callBackFunction的方法
②蓝色字部分:该子画面是以window.showModalDialog的形式打开的故子画面callBackFunction时应以window.dialogArgum

function②→B.jsp(子画面)上的方法

    // 画像ファイルをアップロード
	function fileSelect() {
		var fileId = document.getElementById("fileId").value;
		var objName = "file" + fileId;
		var fileObj = document.getElementById(objName);
		var filePath = fileObj.value;
		document.getElementById("filePath").value = filePath;
		var url = location.search;
		document.getElementById("initFlg").value = "1";
		if (filePath == null || filePath == "") {
			alert("画像ファイルを指定してください。");
			return;
		} else {
			var fileType = filePath.split(".")[1];
			if (fileType == "jpg" || fileType == "jpeg") {
				document.getElementById("url").value = url;
				doSubmit('/Zfn110fjFileUpload', null);
			} else {
				alert("拡張子が、jpg 又はjpeg 以外の画像は指定できません。");
				return;
			}
			callBack();
		}
	}
function③→B.jsp(子画面)上的方法

	function callBack() {
		var fileId = document.getElementById("fileId").value;
		var clubNo = document.getElementById("clubNo").value;
		var filePath = document.getElementById("filePath").value
		var fileName = filePath.substr(filePath.lastIndexOf('\\') + 1);
        var upLoadFlg=document.getElementById("upLoadFlg").value;
        var url=document.getElementById("url").value;
    	if (url.indexOf("?") != -1) {
			var str = url.substr(1);
			urlSplit = str.split("&");
			urlCallBack = urlSplit[0].split("=");
		}
		var callBackFunction = urlCallBack[1];
		var fileSavePathTmp = "<%=jp.co.central.zeus.common.CentralConstant.NAVI_UPLOAD_PATH_IMG%>";
		var fileSavePath = fileSavePathTmp.replace("XXX", clubNo) + "/"
				+ fileName;
		strRun = "window.dialogArguments." + callBackFunction + "('" + fileName
				+ "','" + fileId + "','" + fileSavePath + "','" + upLoadFlg
				+ "');";
		if (window.dialogArguments) {
			eval(strRun);
		}
	}
③B画面执行后,调用A画面上的方法,即:执行callBackFunction。
④蓝色字部分:window.dialogArguments形式返回

function④→A.jsp(父画面)上的方法

    // callBackFunctionの呼出
	function setFileName(fileName, fileId, fileSavePath,upLoadFlg) {
		//alert("1 upLoadFlg=" + upLoadFlg);
		if (upLoadFlg == "") {
			var fileNameStr = "gazou" + fileId;
			document.getElementById(fileNameStr).value = fileName;
			var fileSavePathStr = "gazouPath" + fileId;
			document.getElementById(fileSavePathStr).value = fileSavePath;
		}
    	if (upLoadFlg == "1") {
    		var file1Id = "'" + fileId + "'";
    		var tableId = "tableMess" + fileId;
    		var table = document.getElementById(tableId);
    		var fileNameStr = "gazou" + fileId;
    		var fileName = document.getElementById(fileNameStr).value;
    		if (fileId == "1" || fileId == "2") {
    			table.rows[3].cells[1].innerHTML = '<hj:link href="javascript:void(0);" styleId="gazou1" onclick="photoSearch('
    					+ file1Id+ ');" >' + fileName + '</hj:link>'
    					+ '<html:button property="" styleId="delete1" value="削除" onclick="deleteGazou('
    					+ file1Id + ');" ></html:button>';
    		} else {
    			table.rows[4].cells[1].innerHTML = '<hj:link href="javascript:void(0);" styleId="gazou1" onclick="photoSearch('
    					+ file1Id+ ');" >'+ fileName + '</hj:link>'
    					+ '<html:button property="" styleId="delete1" value="削除" onclick="deleteGazou('
    					+ file1Id + ');" ></html:button>';
    		}
    	} else if (upLoadFlg == "0") {
    		var fileNameStr = "gazou" + fileId;
			document.getElementById(fileNameStr).value = "";
			var fileSavePathStr = "gazouPath" + fileId;
			document.getElementById(fileSavePathStr).value = "";
    	}
	}




JavaScript父子页面参数传递指南 在Web开发中,父子页面之间的参数传递是实现组件间通信、功能集成和数据共享的关键技术。正确理解并掌握这些技术,可以提升用户体验,优化前后端交互。本章将提供一个概览,概述父子页面传参的核心概念和重要性,为后续章节深入探讨各种方法和实践案例打下基础。我们将从基本的参数传递机制讲起,逐步引入更复杂和实用的技术,确保文章内容既适合初学者理解,也能够为有经验的开发者提供参考。 阅读详情

相关推荐

智能车八邻域图像算法

智能车八邻域图像算法

技术缝合怪的博客 4万+

关于父页面调用子页面,子页面传值给父页面 回调函数的实现

父页面代码 test1.html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;父页面&lt;/title&a

伯恩大帝的博客 4692

告别‘小目标’丢失!手把手复现DNANet红外检测网络(PyTorch版)

本文详细介绍了如何使用PyTorch从零实现DNANet红外小目标检测网络,重点解析了DNIM模块和CSAM注意力机制的设计与实现。通过实战教程,帮助开发者解决红外小目标检测中的特征提取和训练调参难题,适用于军事侦察、安防监控等场景。

weixin_28701593的博客 252

js回调函数---Vue子组件调用父组件异步方法(网络请求),等待父组件中请求完成之后再执行子组件中方法

回调函数在Vue中的应用

weixin_53876218的博客 2024

REALTEK PKE8710ECF开发板入手试玩(一)

REALTEK PKE8710ECF开发板入手试玩

lbqhope的专栏 692

SWAT模型参数太多搞不定?一篇讲清如何用SWAT-CUP筛选关键敏感参数(含结果图解读)

本文详细解析了如何使用SWAT-CUP进行参数敏感性分析,帮助水文模型初学者从上百个参数中筛选出关键敏感参数。通过实际案例和结果图解读,介绍了敏感性分析的核心价值、SWAT-CUP结果界面解读方法以及参数筛选的四步实战法,显著提升模型调试效率。文章还提供了典型问题排查手册,解决敏感参数与文献不一致、率定后模型变差等常见问题。

weixin_30385925的博客 321

JS 用window.open()函数,打开的新页面回调父级页面的函数

<br /><br />window.open详解:<br />window.open("sUrl","sName","sFeature","bReplace");<br />sUrl:可选项。字符串(String)。指定要被加载的HTML文档的URL地址。假如无指定值,则about:blank的新窗口会被显示。<br />sName:可选项。字符串(String)。指定打开的窗口的名字。这个名字可以用于form或a对象的TARGET属性。此名字也可以使用下列通用名称:_media:IE6.0在浏览器左边的

Now . Or Never `` 1万+

【教程4>第3章>第1节】通信系统高阶调制解调概述

高阶调制(High Order Modulation)是一种先进的数字调制技术,旨在通过增加每个符号携带的信息比特数来提高无线通信系统的数据传输速率和频谱效率。这种技术特别适用于具有较高信噪比(Signal-to-Noise Ratio, SNR)的通信环境,例如卫星通信、光纤通信以及一些高质量的无线通信链路。在数字通信中,调制是将数字信号(比特流)转换为适合在物理信道上传输的模拟信号的过程。高阶调制通过使用更多的信号状态或星座点来表示不同的比特组合,从而在一个符号周期内传输更多的信息。

FPGA/MATLAB学习教程/源码/项目合作开发 1704

JS实现跨页面回调传值

背景介绍: 页面1中有一个按钮,希望实现点击按钮打开页面2。 页面2进行一系列操作后,点击该页面确定按钮后关闭页面,同时返回值到页面1 页面1代码: <button id="aaa">测试</button> $(function(){ $("#aaa").on('click', function() { window.open("http://127.0.0.1:8848/demo/222.html"); //页面2的地址 }); //接收返回数据 window

qq_36778083的博客 1322

华为OD干了两个月,还是跑了

​本人工作了快13年,base南京。2024年2月份由于公司业务变动第一次拿到了公司发的大礼包,同时也面临着失业的问题,我对自己的技术还是很有信心的,但是,找了大概有一个多月时间,发现心意的工作的确不太好找,当然收到挺多家offer,就是薪资不太满意,外包也一直不想去,不过说实话外包给的薪资普遍要比自研的单位要高一些,最后为了钱还是进华为(既然选择外包那就选择好一些的吧),毕竟中年老男人工作不能断太久。

啊渊的专栏 1万+

uniapp - 解决在线预览PDF文件空白打不开的问题,无论是后端下载二进制文件流pdf还是本地插件或JS预览查看打开白屏不显示,详细排查解决(适用于移动端H5网页、安卓/苹果app、微信小程序)

uniapp App端 实现pdf文件预览打开白屏解决,uniapp 在线预览pdf打开一片空白,跨域白屏,uni-app中使用WebView预览PDF文件打开空白,微信小程序(uniapp)预览PDF空白怎么办,下载PDF文件流后打开空白或无法打开的问题,Uniapp H5网页下载二进制pdf文件页面空白以及解决文件损坏打不开的情况,Uniapp app在线预览pdf文件流,PDF加载出来怎么办,服务器后端返回PDF文件流后前端进行下载但打开后一片白屏,解决pdf文件流,预览全是空白页,pdf文件流,下载

🏆 前端领域优质创作者 1万+

js 彻底理解回调函数

一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value); } alert(say); alert(say('hi js.'));如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。 而在变量名后加()如say()返回的就会使say方法调用后的结果,这里

dkvirus 15万+

R语言实战应用精讲50篇(二)-多重线性回归系列之稳健回归

前言 线性回归的参数估计主要采用的是最小二乘法(又称最小平方法),该法是将使观测值与模型预测值之差的平方达到最小的值作为参数估计值。如果数据存在异常点或者异方差,最小二乘法估计会存在偏差,常用的处理策略就是改用稳健回归(Robust Regression)。 稳健回归就是采用更为稳健的参数估计方法来拟合模型,所谓稳健就是数据的波动对参数估计影响不大,比如不受异常值影响,或删除某一观测后对结果影响不大。稳健估计的方法有很多,主要有这么几类:最小绝对值回归(也称最小一乘法回归,lAV),最小中位数二乘法(L

wenyusuran的专栏 3161

javascript回调函数详解

<script type="text/javascript"> function add(a, b, fun) { let sum = a + b; fun(sum); } function log(sum) { document.write("我是方法1,拿到的数字是:" + sum+"</br>") } //方法1 add(2, 3, log) //方法2: 内嵌函数方法: add(2, 3, function (su.

8565

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

js回调函数

下面的过程实现了 点击一个按钮,弹出一个小画面,选择画面的值后,值返回到父画面的过程。1,A画面有个函数:  ①:funciton set_customer(strKey1, strKey2, strKey3, strKey4, strKey5, strKey6){  //根据传递的id给控件赋值等操作 }     ②:function open_sea

xiaoheixiaobai的专栏 5480

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

回调函数的参数传递_JavaScript系列之回调函数

在之前的文章当中,我们已经介绍了函数的参数与arguments对象,那么今天的分享中,我们继续来看看函数在JavaScript的各种不同面貌——回调函数。回调函数你可能常听到人家在谈论回调函数(Callback function),但你真的知道回调函数是什么吗?其实回调函数跟一般的函数没什么不同,差别只在于被调用执行的时机。先前介绍事件的时候有说过,「JavaScript 是一个事件驱动(Even...

weixin_39830020的博客 2458

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

回调函数的参数传递_JS之回调函数(callback)

1.什么是回调函数? -- 简单点说,一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”),回调函数在otherFunction中被调用。 --可以是匿名函数也可以是命名函数2.回调函数的特点 (1)自己定义的函数 (2)你没有调用 (3)最终它执行了3.常见的回调函数 (1)DOM事件回调函数 (2)定时器回调函数 (3)ajax请求回调...

weixin_39818264的博客 4119

Vue父子组件之间的参数传递

目录 一组件之间的参数传递——父传子 1原理说明 2代码 3效果 二组件之间的参数传递——子传父 1原理说明 2代码 三以事件发射的方式实现子传父 1原理 2代码 3效果 一组件之间的参数传递——父传子 1原理说明 通过子组件的 props部分,来指明可以接收的参数,父组件通过在标签中写明参数的健值对来传递参数。 props是表示一个组件的参数部分,props的写法有两种: a通过数组来定义 props:['myprop1','mypro...

实践求真知 5265

js 回调函数

一、前奏 在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。 function say (value) { alert(value); } alert(say); alert(say('hi js.')); 如果你测试了,你会发现: 只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。 而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值。 二、js中函数可以作为参数传递 再看下面的两段代码: function sa

qq_40137978的博客 1789

js回调函数的使用

在第一次学js的时候,很多人估计对回调函数很蒙,今天有空梳理总结下回调函数,算是一次学习,算是一次总结,也算是一次分享。 回调函数执行流程 说明:fun是被调用的函数,在调用fun函数时传递一个被回调的函数callback,1、2、3、4为执行步骤,箭头指向为调用。 执行流程: 1)在代码中,fun首先被执行 2)fun函数执行,js的执行转移到fun函数内部,fun函数内部的语句从上往下执行 3)在fun函数中调用callback 4)在调用fun函数时传入的函数(callback)被执行 5)执行ca

Elltor 4070

java和js之间的回调_告诉你什么是JavaScript回调函数

没啥事情随便写了一个js的回调函数希望能帮助想要学习的(我接触js时间不长,对回调的理解还是比较肤浅,如有错误希望大家指出 谢谢。){下一篇写java 接口回调}这里先引入几个概念(baidu来的希望对大家有所帮助)*函数也是对象想弄明白回调函数,首先的清楚地明白函数的规则。在javascript中,函数是比较奇怪的,但它确确实实是对象。确切地说,函数是用Function()构造函数创建的Func...

weixin_26900991的博客 289

JavaScript 回调函数详解

本文深入剖析JavaScript回调函数的核心概念与工作机制,详细讲解同步回调和异步回调的实现原理及典型应用场景。通过定时器、事件处理等实例演示回调函数在异步编程中的关键作用,分析回调地狱问题的成因及其解决方案,包括模块化拆分和Promise/async-await等现代异步处理技术。文章还提供回调函数的最佳实践指南,帮助开发者规避常见陷阱,编写更健壮、可维护的异步代码。

m0_73941339的博客 2060

JS回调函数——简单易懂有实例

 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。什么是JS?(点击查看) 下面先看看标准的解释: <script language="javascript"> 02 function SortNumber( obj, func ) // 定义通用排序函数 03 { 04 //...

SuperMan程序人生(关注微信公众号) 8万+

Js的回调函数

回调函数(Callback Function)是指一个函数被作为参数传递给另一个函数,并在特定事件发生或操作完成时执行。可以通俗地理解为一种“委托”机制。在JavaScript中,回调函数的应用非常广泛,例如:异步操作:如定时器、AJAX请求等。数组方法:如map、filter、reduce等高阶函数。事件处理:如DOM事件监听。

敲厉害的燕宝的博客 1302

JavaScript 回调函数参数传递技巧

在 JavaScript 中,回调函数是一种常见的编程模式,它可以让我们在异步执行任务时,优雅地处理返回结果。当我们需要传递多个参数,并且希望将它们分开传递时,使用柯里化函数是一种不错的方法。柯里化函数可以将一个多参数函数转换为一系列单参数函数,这样我们可以分别传递每个参数。最后,我们可以使用单参数函数来分别传递每个参数,并在回调函数中访问它们。在回调函数中,我们可以访问对象的属性,并输出它们的值。在回调函数中,我们可以访问这些参数并输出它们的值。在回调函数中,我们可以访问数组中的元素,并输出它们的值。

我点评的博客 3020

layer弹出框架类型的页面如何进行(父子传值《=》子父传值)

如果在父窗口中弹出一个层,但是层的类型是iframe类型,传值的方式有如下这些: 以父子传值: 1,在父窗口中直接操作子页面的函数,将父页面的数据作为参数,然后传入子页面的方法,执行子页面的方法例如: 父页面: 在弹出的子页面中定义好该函数: 子页面 这样父页面直接调用子页面的时候就将参数传递到了子页面了的。 2,参数传递方式,直接在弹出的页面路径中传递参数(引用原博文...

汪原野 1415
下一篇: 关于JVM、JRE、JDK及环境变量
star0701
博客等级 码龄17年 27粉丝 13原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值