引用
get 对中文会乱码,所以想用post
以post方式向iframe传值示例如下:
test.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test </TITLE>
</HEAD>
<BODY onload="document.getElementByIdx('myform').submit()">
<IFRAME NAME="ABC" STYLE="width:400;height:200"></IFRAME>
<FORM id="myform" METHOD=POST ACTION="test.jsp" TARGET="ABC">
<INPUT TYPE="hidden" NAME="A1" value="guoguo">
</FORM>
</BODY>
</HTML>
test.jsp
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ page contentType="text/html; charset=UTF-8" %>
<html>
<head>
<title>test </title>
</head>
<body>
<% String a1=request.getParameter("A1");%>
a1=<%=a1 %>
</body>
</html>
分享到:
相关推荐
本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe内部页面与外部页面的数据通信。 首先,我们来理解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素...
然而,由于浏览器的同源策略限制,`iframe`内的页面与包含它的父页面在不同源时,不能直接访问彼此的DOM或JavaScript变量,这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...
`postMessage`允许一个窗口向其他窗口发送消息,无论这个窗口是否在同一个源下。在`iframe`中发送消息: ```javascript window.parent.postMessage("Hello from iframe!", "*"); ``` 在父页面中监听`message`事件...
在Web开发中,MVC(Model-...综上所述,实现MVC中的iframe弹窗传值涉及前端JavaScript交互、URL参数传递以及后端MVC的控制器和视图的配合。通过合理的代码组织和利用现有的库,可以创建出高效且易于维护的弹窗系统。
JS实现向iframe中表单传值是常见的交互技术,它涉及到JavaScript对页面元素的操作以及表单属性的处理。以下是对这个主题的详细解释: 首先,我们需要理解iframe的基本概念。iframe(Inline Frame)是一种在HTML文档...
`window.postMessage()`允许一个窗口向其他窗口发送消息,接收窗口必须通过事件监听器来接收消息。例如,在`iframe`A中发送消息: ```javascript var iframeB = document.getElementById('iframe_id'); var b...
与父向子传值类似,子`iframe`也可以通过`postMessage`向父页面发送数据: ```javascript // 子页面 window.parent.postMessage('我是来自子页面的数据', '父页面的源URL'); // 父页面 window.addEventListener('...
在Web开发中,iframe是一种常用来嵌入第三方页面或内容的方式。但同时,它也引入了父页面与iframe之间进行数据交换的需求,也就是所谓的“传值传参”。随着浏览器技术的发展,不同浏览器间的兼容性问题成为开发者...
`window.postMessage()`接收两个参数:要传递的数据和目标窗口的引用(通常是`iframe`的`contentWindow`属性)。例如,父页面向`iframe`传递消息: ```javascript // 父页面 var iframe = document....
这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...
总结来说,`iframe`与父页面传值涉及的技术包括`postMessage`、`window.name`、查询字符串、hash等,并且需要注意跨域安全和同源策略的限制。这些技术在实际开发中被广泛应用于实现各种复杂功能,如组件化开发、页面...
`postMessage`和`message`事件提供了一种安全的跨域通信方式,因为发送方可以指定接收方的源,接收方也可以验证消息的来源,防止跨站脚本攻击(XSS)。 4. **多个iframe间的消息传递**:如果页面上有多个`iframe`,...
总结,`iframe`子父界面传值是网页开发中的重要技术,通过JavaScript的`window.parent`、`postMessage`、`frames`对象,URL参数以及Web存储等方式,我们可以实现双向通信,提高用户体验和应用的交互性。在实际项目中...
例如,通过`window.postMessage()`方法,父页面可以向IFRAME发送消息,同时IFRAME也可以向其父页面发送消息。这种方法遵循同源策略,即只有同源的页面才能互相通信,但也可以通过设置`document.domain`属性来放宽这...
iFrame.contentWindow.postMessage('MessageFromIndex1', '*'); }; ``` 这里,`'MessageFromIndex1'`是你要发送的数据,`'*'`表示允许向所有源发送消息。在某些情况下,你需要指定特定的源,以确保只有指定页面...
通常可以将数据传递的代码放在iframe的`onload`事件中,以确保在子页面加载完成后执行。 - **postMessage API**:当存在跨域问题时,可以使用postMessage API来安全地进行通信。这个API允许页面之间发送消息,并通过...
在这个场景中,"子父窗口传值"指的是在同一个Web应用中,子页面(通常是弹出窗口或iframe)向父页面传递数据,或者父页面向子页面传递数据,以实现特定的功能交互,而这种交互通常是为了避免不必要的后台通信,提高...
但通过一些技术手段,开发者可以实现主页面与`iframe`之间的通信,以达到数据共享的目的。本文将详细介绍两种常见的跨域传值方法。 ### 需求一:主页面A向`iframe B`传递数据 #### 实现方式 1. 利用`location.hash...
- `window.postMessage()`: 这个API允许跨域通信,无论是在同一页面内的`<iframe>`,还是不同源的`<iframe>`,都可以安全地传递消息。在发送端,调用 `window.postMessage(data, targetOrigin)`,`data` 是你要传递...
在传统的方式中,如果想要从子窗口向父窗口传递数据,通常需要借助于JavaScript事件处理和DOM操作。 1. **JavaScript事件处理**: 当用户在子窗口执行某个操作后,例如点击按钮,可以触发一个JavaScript事件。通过...