iframe父页面与子页面交互：获取子页面参数技巧

该文档主要讨论了如何在HTML中，特别是在开发场景下，从父页面获取嵌套在其中的iframe子页面的参数。通过提供的代码示例，我们可以了解到以下关键知识点： 1. iframe的使用：在父页面中，我们创建一个iframe元素，如`<iframe name="parentPage"></iframe>`，`name`属性用于识别和引用这个iframe。 2. 子页面元素设置：在子页面中，有一个`<input>`元素，类型为`text`，并且使用了`data-dojo-type`属性与一个日期输入控件关联，其`id`为`date`，值设定为`2021-11-12`。例如：`<input type="text" id="date" data-dojo-type="dijit/form/DateTextBox" value="2021-11-12">` 3. 获取子页面参数：父页面可以通过`window.frames`对象来访问子页面的DOM，然后使用`getElementById`方法获取子页面中特定元素的值。例如：`var statisDate = window.frames["parentPage"].document.getElementById('date').value;` 这行代码将获取到子页面中id为`date`的输入框的值。 4. 跨页面交互：文档还提到了JavaScript中处理父子页面之间交互的其他方法，如通过JS调用函数，操作DOM元素，以及在同域或不同域下的通信。这涉及到JavaScript和jQuery的高级应用，如jQuery操作iframe中的元素，以及使用js代码改变单选框的状态，获取表单元素的值等。 5. 父子页面通信：文中还列举了一些常见的JS和jQuery实现，如通过弹窗页面向父页面传递值，或者子页面获取父页面的数据。这些通信方式对于页面间的交互和数据传递至关重要。 6. 单选框操作：文档还涉及了单选框（radio）的使用，包括取消选中、绑定点击事件、判断选中状态以及获取选中值的方法。这对于用户界面的交互设计和逻辑控制非常重要。 该文档提供了一种在HTML开发中处理iframe子页面与父页面之间数据交互的方法，并给出了一系列相关的JavaScript和jQuery技术，对进行Web开发的人员来说具有较高的参考价值。了解并掌握这些技巧，能够帮助开发者更有效地实现页面间的通信和数据管理。