`
shuai1234
  • 浏览: 971772 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

JS 将框架子窗口中的内容存放到父页面的div中

阅读更多

//index.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script language="javascript">
function getFrameBody()
{
    //将框架子窗口中的内容存放到父页面的div中
    //可以实现多子窗口的数据存入同一页面form内(父页面),并最终提交(父页面),这样可以确保跨页面的表单的完整性
    layer1.innerHTML=myframe1.document.all("table1").outerHTML;
}
</script>
</head>
<body>
<iframe id="myframe1" frameborder=1 scrolling=auto src="2.htm"></iframe>
<input type="button" value="Click Me" onclick="getFrameBody();"/>
<div style="position: absolute; width: 487px; height: 263px; z-index: 1; left: 361px; top: 20px; border: 3px dashed #99CC00; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="layer1">
</div>
</body>
</html>

//2.htm
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>a</title>
</head>
<body>
<table border="1" width="100%" id="table1">
<tr>
    <td><input type="text"/></td>
    <td><input type="text"/></td>
</tr>
<tr>
    <td><input type="text"/></td>
    <td><input type="text"/></td>
</tr>
</table>
</body>
</html>

分享到:
评论

相关推荐

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    页面制作规范

    - `js`: 存放JavaScript文件。 - `media`: 存放音频、视频等多媒体文件。 #### 二、图片制作规范 **1. 图片尺寸与格式** - **尺寸固定**: 如果图片作为HTML文档的一部分展示,需定义宽度和高度。 - **内容...

    福师网页艺术设计作业一.docx编程资料

    - **解释**: `_top`表示在顶层窗口中打开链接,即关闭所有的框架并以整个浏览器窗口显示链接内容。 #### 10. 页面尺寸设置 - **问题**: 设置页面尺寸时需要考虑什么因素? - **答案**: 设置页面尺寸时主要考虑...

    HTML基础教程 PPT

    3. **段落和换行**:` `用于强制换行,`&lt;div&gt;`则用于组合内容,实现页面布局。 4. **链接的进一步理解**:`&lt;a&gt;`标签的`target`属性可以指定新链接是在当前窗口打开还是新开窗口。 最后,"HTML第三讲.ppt"可能...

    lyric-get-electron:Lyric Get的电子版本

    Lyric Get最初可能是一个用于获取音乐歌词的桌面应用,而这个电子版本则是将其移植到了Electron平台上,使得它能跨操作系统运行,如Windows、MacOS和Linux。 Electron是一个开源框架,由GitHub开发,它允许开发者...

    BootstrapModalDialog:使用 Bootstrap 模态对话框和 AJAX 的 Play 1.2.7 示例

    BootstrapModalDialog 是一个基于 Play 1.2.7 框架和 Bootstrap UI 库的示例项目,展示了如何在 Web 应用程序中利用模态对话框进行 AJAX 交互。Bootstrap 是一个流行的前端开发框架,它提供了丰富的 UI 组件,包括...

    javapms门户网站源码

    “资源”是指网站前台页面经常需要引用到的图片、css、js、flash等文件,javapms将这些文件都分类存放在了程序指定的目录中,管理员可以系统后台进行上传,删除,修改等管理操作,替代了传统的ftp管理方式。...

    ChatMe:这是聊天我! -> 您自己的个人聊天应用程序,适用于大大小小的朋友圈

    在后端,ChatMe可能使用了诸如Node.js(搭配Express框架)、Django(Python的Web框架)或者Ruby on Rails等技术,这些框架提供了构建Web服务的能力,处理用户的请求,存储和检索聊天数据,并与WebSocket服务器进行...

    project-homework1

    中存放元数据,如页面标题,而则包含实际的可见内容。 2. 标题标签:HTML中的至标签用于定义六级标题,h1为最大标题,h6为最小标题。在网页设计中,这些标签不仅帮助用户快速理解页面结构,也对搜索引擎优化(SEO)...

    vue组件:使用CodeSandbox创建

    Vue组件是Vue.js框架的核心特性之一,它允许开发者将应用中的UI拆分为可重用的模块,从而提高代码的组织性和可维护性。在本文中,我们将深入探讨如何使用CodeSandbox这一在线开发环境来创建和管理Vue组件。 ...

    fondbase.github.io:喜爱的网站

    12. **框架与容器**:`&lt;iframe&gt;`元素允许在网页中嵌入其他网页,`&lt;div&gt;`作为容器元素,常用于布局和CSS样式控制。 通过分析【fondbase.github.io-main】这个压缩包中的文件,我们可以期待找到这个站点的源代码,...

Global site tag (gtag.js) - Google Analytics