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

最新推荐文章于 2022-05-16 16:44:35 发布
最新推荐文章于 2022-05-16 16:44:35 发布
阅读量278 收藏
点赞数
分类专栏： javascript 文章标签： 框架 JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lishuai05251986/article/details/83729378
版权

//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" οnclick="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>

lishuai05251986
关注
专栏目录
【JavaScript框架封装】使用原生js封装的类似于JQuery的框架及核心源码分享（多文件版本）
小牛itbull的博客
07-22 2340
这个版本的JQuery是对上一个版本的JQuery，使用了require.js进行了二次封装，基本上把前面的每一个框架封装成为一个单独的模块，最终的目录结构如下： 由于代码量和目录比较多，这个封装好的代码和目录已经全部上传到GitHub上面，需要的同学可以前往下载哈。 https://github.com/xiugangzhang/JavaScript-Xframe 【main.js】这...
SpringMVC从数据库中读取图片显示到JSP页面上
StarskyBoy的博客
08-19 2万+
 摸索了一个多星期，终于解决了展示瀑布流照片墙的问题，我一直在思考照片放在哪里，前后想了很多方案。最开始是想把照片放在本地（我的E盘中），而数据库中只存照片的名字，但是这种方案遇到了瓶颈，我不知道img标签的src路径怎么写，不能直接写我本地的路径，在网上看了很多，说是要把图片放到服务器下。但是这样我又遇到了一个问题（问题真是频繁啊），因为我创建的是maven工程，之前把maven工程部署到自己配...
子页面 编辑子项 保存到父页面文本框
Haibing的博客
10-12 521
<br />父页面<br /><asp:TextBox ID="txtSpec" runat="server" CssClass="EditTextBox" Width="367px"></asp:TextBox><br /><asp:LinkButton ID="LinkButton1" runat="server"   OnClientClick=" ShowPCWindow();return false;">PC规格</asp:LinkButton><br /> <br />     function
javascript父子窗口传递数据
Yemy的专栏
10-25 2万+
在网上找了一些例子 ：）AA.html是主页面，其他的是例子。1、AA.html 主界面    回传值：                    function openWin1(){            var srcFile = "BB.html";    //新窗口的文档名称            var winFeatures = "dialogHeight:300p
asp子窗口读取父窗口数据_微信小程序MINA框架（数据绑定，事件操作，内部页面跳转，消息提示框，模态对话框 ...... ）
weixin_39918145的博客
11-21 153
数据绑定事件操作事件绑定冒泡事件非冒泡事件互斥事件事件对象内部页面跳转消息提示框模态对话框loading提示框操作菜单基本api接口获取用户信息获取用户位置信息（用户点选地图）获取图片Flex布局基本概念容器的属性项目的属性数据绑定在小程序中支持简易的数据绑定操作，数据绑定分两种：单向数据绑定和双向数据绑定。在输入框中如果通过value来操作数据，则视为单向数据绑定。如果通过model:value...
子窗体在父窗体中显示
weixin_39476191的博客
11-23 1025
父窗体里设置 IsMdiContainer=true; //确定窗体是否是MDI容器（在属性里） frmsp.MdiParent = this;//frmsp子窗体this父窗体 子窗体里设置 this.ControlBox = false; // 设置不出现关闭最大化最小化按钮（尽量放在第一行，放在后面可能不起作用） this.WindowStat...
父页面与子页面之间调用时通过JS传值
yufancomeon的专栏
05-05 280
今天遇见一个问题，在一个页面的JS方法里调用另外一个页面，之后将新页面得到的值传回调用页面的问题，采用以下方式实现，具体实现： 父页面a.html： &lt;script&gt;        function  getLink(){         window.open("b.html","newindow","width=100,height=200,toolbar=no,scr...
请使用jeesite1.x框架的基础上，生成一个控件的代码，包括java、jsp、tag等文件。控件内容是：点击父页面的按钮，弹出子页面的窗口，弹窗包含了3个部分的内容，左边是列表的数据的table展示，包括：条件查询、分页、多选框。右边是左边多选框打勾的数据的结果显示，同时右边的数据有个删除按钮可以手工点击进行数据删除，左边的table展示在分页或者查询时不会影响右边已选定数据结果。最下面有一个确定按钮可以将右边已选的数据写到父页面的输入框上。
最新发布
05-24
接着，我们需要创建一个`div`元素，用于存放弹窗中的内容。可以在`childPage.jsp`文件中添加以下代码： ```jsp <div id="dialogContent" style="display:none"> <!-- 左边的列表 --> 选择 姓名 性别 ...
【前端框架中的链表】：在React与Vue中实现响应式数据链
![【前端框架中的链表】：在React与Vue中实现响应式数据链]...在前端框架中，数据状态的管理是一个持续面临的挑战。随着应用复杂性的增加，如何有效追踪和响应状态变化，成为优化
OpenHarmony JS 前端开发
qq_66348193的博客
05-16 545
1.系统简介 OpenHarmony应用层介绍：应用由一个或多个 FA（Feature Ability）或 PA（Particle Ability）组成。其中，FA 有 UI 界面，提供与用户交互的能力；而 PA 无 UI 界面，提供后台运行任务的能力以及统一的数据访问抽象。 2.开发环境搭建与HelloWorld体验 应用开发目录：common:用来存放图片和json基础数据，比如：媒体资源和 JS 文件。 components:自定义组件 i18n:多语言配置，比如：应用文本词条，图片路径等资源
Jquery子页面获取父页面元素，子页面向父页面添加元素
05-09
父页面动态的获取子页面的元素，以及弹出子页面的时候获取父页面的元素；
JavaScript实现弹出子窗口并传值给父窗口
12-09
新建父窗口页面： 加入以下脚本 代码如下: <html xmlns=”http://www.w3.org/1999/xhtml” > <head runat=”server”>     <title>First</title> </head> [removed] function ShowDialog(Url) {       var  iWidth=560; //模态窗口宽度       var  iHeight=300;//模态窗口高度       var  iTop=(window.screen.height-iHeight-100)/2
js子页面调用父页面方法与父页面调用子页方法
热门推荐
weixin_44512123的博客
08-17 3万+
在做项目中都会存有主页面子页面。子页面嵌套中主页面中，主页面有主的方法，子页面有字面的方法，通常的方法是点击主页面选项打开子页面。但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛，模态框已经在房态图中实现了，打开是同样的模态框总不会在主...
Jquery：如何让子窗口的div显示在父窗口之上
代码技巧
06-18 3270
leftiframe中的jQuery操作mainiframe的内容someID的内容
js实现父窗口和子窗口传递数据
xuexilangren1的博客
11-07 1911
js实现父窗口和子窗口传递数据 1.test.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;父窗口&amp;lt;/title&amp;gt;
JS实现子窗口传值到父窗口
qingxin113的专栏
07-01 3548
以前很少用JS，通过这次学习MVC碰到不少问题，比如子窗口要传值给父窗口。 方法大致有两种，此处说当前使用的这种方法： 父窗口打开子窗口时，使用window.open方式打开，以下摘抄了两个使得子窗口居中的JS方法，第一个是子窗口屏幕居中，第二个是在上级页面中居中 1> /*打开网页 window.open /*url:          表示请求路径 /*windowname:  
JS window 对象 open方法弹窗实现父子窗口中的参数传递
zhulei12345的专栏
09-10 1万+
JS window 对象 open方法弹窗实现父子窗口中的参数传递注：需要将页面加载到服务器中父页面parent.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
使用JavaScript实现弹出DIV层窗口
这个资源介绍的是如何使用JavaScript和CSS创建一个弹出的DIV层窗口。JavaScript是一种轻量级的脚本语言，常用于网页的动态效果和交互功能，而CSS则负责页面的样式和布局。 首先，我们看到HTML部分定义了一个名为"My...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值