所有的在同一目录下面：
第一个页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<table border= "1 " align= "left " width= "60% ">
<tr>
<td> <iframe name= "fa " src= "a.html "> </iframe> </td>
<td> <iframe name= "fb " src= "b.html "> </iframe> </td>
<tr>
</table>
</BODY>
</HTML>
/************a.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> aaaaaaaaa </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript ">
function control()
{
parent.frames[ 'fb '].document.getElementById( "button ").style.display = 'block ';
}
</script>
</HEAD>
/************b.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> bbbbbbbbbbb </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<INPUT TYPE= "button " NAME= " " style= "display:none; " id= "button " value= "I 'm here here!~~~~~~~~ ">
</BODY>
</HTML>
<BODY>
<input type= "button " value= "Display " style= "cursor:hand; " onclick= "control();return true; ">
</BODY>
</HTML>
分享到：
相关推荐
然而，由于浏览器的同源策略限制，`iframe`内的页面与包含它的父页面在不同源时，不能直接访问彼此的DOM或JavaScript变量，这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...
- `left.html`和`right.html`可能是两个`iframe`的内容，它们在`main.html`中被嵌入。每个`iframe`内部可以包含用于接收和发送消息的JavaScript代码，以及响应用户交互的函数。 - `main.html`作为主页面，可能包含...
JS实现向iframe中表单传值是常见的交互技术，它涉及到JavaScript对页面元素的操作以及表单属性的处理。以下是对这个主题的详细解释： 首先，我们需要理解iframe的基本概念。iframe（Inline Frame）是一种在HTML文档...
最近搞一个需求有关js跨域弹窗传值，问题是这样的:有两个网站分别为www.b.com、www.a.com 在B网站B.htm嵌入A网站的A.htm页面，在A.htm页面要从弹出的AA.htm页面获取一个值（产生跨域问题，AA.htm页面要弹出到B网站）...
`window.postMessage()`接收两个参数：要传递的数据和目标窗口的引用（通常是`iframe`的`contentWindow`属性）。例如，父页面向`iframe`传递消息： ```javascript // 父页面 var iframe = document....
在js-iframe-传值调用实例中，我们有以下两个主要部分： 1. **上半部分（父窗口）**：包含一个输入框和一个按钮。用户在输入框中输入信息，点击按钮后，数据将被发送到下半部分的iframe中。 2. **下半部分（iframe...
在Web开发中，iframe是一种常用来嵌入第三方页面或内容的方式。但同时，它也引入了父页面与iframe之间进行数据交换的需求，也就是所谓的“传值传参”。随着浏览器技术的发展，不同浏览器间的兼容性问题成为开发者...
7. **iframe通信**：如果两个页面在一个窗口内（例如一个页面嵌入在另一个页面的iframe中），可以利用`postMessage`和`message`事件进行通信，传递数据。 在提供的"测试静态页面传值"压缩包中，可能包含了以上提到...
在网页开发中，"传值"和"IFRAME"是两个重要的概念，它们都是构建交互式和复杂网站的关键技术。下面将详细解释这两个概念及其相互关系。 首先，"传值"是指在网页的不同部分之间或者不同网页之间传递数据的过程。在...
同源策略规定，只有相同协议、域名和端口的两个页面才能相互访问彼此的DOM元素和JavaScript变量。因此，如果`iframe`的源URL与包含它的页面不同源，那么它们之间的通信就会受到限制。 ### 2. 父向子传值 #### 2.1 ...
iframe中的页面通过jQuery在页面加载时调用这两个元素： ```javascript $(function(){ // 在iframe中查找父页面元素 alert($('#default', window.parent.document).html()); // 在iframe中调用父页面中定义的方法...
如果两个窗口属于不同的源（域名、协议或端口），则存在同源策略限制，这会阻止它们直接访问对方的DOM或JavaScript变量。 要解决父子窗口间的传值问题，有以下几种方法： 1. **使用URL参数**：在`window.open`的`...
- JavaScript传值操作技巧总结：这部分内容涵盖了一系列有关JavaScript在页面间或函数间传递数据的方法，如全局变量、URL参数、cookie、local Storage和sessionStorage等。 - JavaScript编码操作技巧总结：涉及到...
在示例中，代码检查了`addData`和`delData`两个集合，分别代表需要添加和删除的数据。如果没有任何修改，弹窗会被关闭，并显示相应的提示消息。如果有修改，会通过`$.ajax`发送POST请求到服务器进行数据的添加或删除...
在Web开发中，`iframe`（Inline Frame）是一种嵌入其他网页的HTML元素，常用于在同一个页面上显示多个不同的内容。然而，由于浏览器的安全策略，`iframe`内的页面与包含它的页面可能存在跨域问题，这限制了它们之间...
在Web开发中，框架（frame）是一种组织页面内容的方式，它允许在一个HTML文档中嵌入多个独立的浏览区域。这些区域通常称为子框架，每个都有自己的文档和独立的滚动条。在处理涉及多个框架的交互时，有时我们需要在...
在页面B中，可以通过JavaScript的`window.location.search`获取这些参数，并解析成JSON对象。 ```javascript // 页面B const urlParams = new URLSearchParams(window.location.search); const value = urlParams....
类似于URL参数，但可以通过History API在页面跳转中动态更新，不会显示在浏览器地址栏，增加了数据的隐蔽性。 7. POST请求： 在表单提交或Ajax请求时，可以通过POST方法将数据发送到服务器，然后在新页面中通过...
在JavaScript编程中，父子页面之间的通信是一个常见的需求，特别是在单页应用（SPA）或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数，并通过提供的DEMO文件（a.html、c.html、b.html...