父子页面传值

最新推荐文章于 2024-05-14 20:49:55 发布
最新推荐文章于 2024-05-14 20:49:55 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： .net 文章标签： input generator button html javascript function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wolf_lx/article/details/651843
版权

this paramant
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
<!--
function openChild(){

var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");
if(k != null)
document.getElementById("txt11").value = k;
}
//-->
</script>
</HEAD>

<BODY>
<br>传递到父窗口的值:<input id="txt9" type="text" value="3333333333333"><br>
返回的值:<input id="txt11" type="text"><br>
子窗口设置的值:<input id="txt10" type="text"><br>


<input type ="button" value="openChild" οnclick="openChild()">
</BODY>
</HTML>

this child
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">

</HEAD>

<BODY>
<br>父窗口传递来的值:<input id="txt0" type="text"><br>
输入要设置父窗口的值:<input id="txt1" type="text"><input type ="button" value="设置父窗口的值" οnclick="setFather()"><br>
输入返回的值:<input id="txt2" type="text"><input type ="button" value="关闭切返回值" οnclick="retrunValue()">
<input type ="button" value="关闭刷新父窗口" οnclick="">

</BODY>
</HTML>

<script language=javascript>
<!--
var k=window.dialogArguments;
//获得父窗口传递来的值
if(k!=null)
 {
 document.getElementById("txt0").value = k.document.getElementById("txt9").value;
 }
 //设置父窗口的值
function setFather()
{
 k.document.getElementById("txt10").value = document.getElementById("txt1").value
}
//设置返回到父窗口的值
function retrunValue()
{
var s = document.getElementById("txt2").value;
window.returnValue=s;
window.close();
}
//-->
</script>

 

wolf_lx
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui 父子页面传值
Will_Pass的博客
02-16 474
layui父子页面传值 父页面： <script> //用于父子页面传值 var json; if (obj.event == 'editor') { json=JSON.stringify(data); //重点 layer.open({ type: 2, ti...
vue父子页面传值
xinxin_zhu的博客
03-13 1117
1.props 传值 //父组件 传递参数到自组件 <template> <div> <my-vue :name="name" :age="age"></my-vue> //:name="name" 传递name的值到子组件 </div> </template> <script> impor...
前端组件传值---父子传值（父传子、字传父）
weixin_45096939的博客
12-04 3976
引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。1.父子传值props（父-->子）[响应式] 效果如下：2.父子传值emit（子-->父）[响应式] 效果如下： 3.父子传值emit+sync（子-->父）[响应式] 效果如下： 4.父子传值ref（子-->父）[非响应式] 效果如下：
vue2中父子传值的5种方式？
weixin_45724850的博客
07-14 1万+
使用ref可以更精确地访问特定的子组件实例，并且不需要依赖于子组件在this.$children数组中的位置。补充：在Vue.js中，可以通过在子组件上添加ref属性，并指定一个唯一的名称，来创建一个引用。3.parent和children：通过访问父组件的this.parent或子组件的this.children属性来直接访问父组件或子组件的实例，并进行数据传递。1.父传子：props， 父组件通过属性绑定的形式将数据传递给子组件，并在子组件中定义props来接收。获取父组件实例，并访问了父组件实例的。
VUE2 : 父子组件传值
最新发布
yuanchun的知识整理
05-14 1504
父子组件传值
父子组件传值方法
qq_52940988的博客
04-02 1万+
vue组件间传值方法：ref、子传父、父传子、VueX、bus。
多种方案教你实现iframe嵌套页面相互传参(父子通信)
tangdou369098655的博客
06-30 2万+
在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？接收postMessage方的怎么用呢？postMessage方法有三个参数。欢迎大家指出文章需要改正之处~iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。一起来看一下效果吧~
Vue中父子组件如何传值
热门推荐
daishu_shu的博客
04-11 2万+
关键词：props、$emit()、绑定的数据和事件 文章目录前言一、将子组件引入父组件二、父组件如何传值给子组件三、子组件如何接收父组件传过来的值并使用(props)四、子组件如何传值给父组件($emit)五、父组件使用子组件传过来的值总结 前言 `提示：这里可以添加本文要记录的大概内容 项目中往往会把一些常用的公共代码抽离出来，写成一个子组件。或者在一个页面中的代码太多，可以根据功能的不同抽离出相关代码写成子组件，这样代码结构会更加简洁明了，后续维护更加方便。本位将以一个项目中用到的例子进行描述哈.
layer弹出子iframe层父子页面传值的实现方法
12-10
本文介绍了layer弹出子iframe层父子页面传值的实现方法，分享给大家，具体如下： 父页面获取子页面元素 格式： $("#iframeID").contents().find("#eleID") 示例代码： father.html <!DOCTYPE html> <...
asp.net 父子页面传值
05-22
通过学习和实践这些案例，开发者可以更好地掌握在ASP.NET中实现父子页面传值的技巧，从而提升Web应用的用户体验和功能完整性。 总的来说，父子页面传值是ASP.NET开发中的一个重要技能，涉及到多种技术和策略。选择...
Layui实现父子页面之间值传递.zip
03-12
本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先，我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制，通过 `layui.use()` 方法加载需要的模块，如 `layui....
Vue三种常用传值示例(父传子、子传父、非父子)
10-18
主要介绍了Vue传值-三种常用传值示例，主要介绍了父组件向子组件进行传值，子组件向父组件传值和非父子组件进行传值，感兴趣的小伙伴们可以参考一下
JS简单实现父子窗口传值功能示例【未使用iframe框架】
12-12
本文实例讲述了JS简单实现父子窗口传值功能。分享给大家供大家参考，具体如下： 父窗口页面father.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE&...
2021-07-09父子页面传值如何传值
weixin_50629071的博客
07-09 798
父子页面传值如何传值 1.父页面获取子页面的数据（子页面给父页面传值） 父页面js： //获取子页面传入的数据 function GetChildValue(obj){ document.getElementById('texts').innerText = obj; } 子页面js： //给父页面传数据 var txt = '我是子界面主动传值给父界面的数值'; parent.GetChildValue(txt); //GetValue是父界面的Js 方法 2.子页面获取父页面的数据（父页面
父子页面的值传递
tgyd2006的专栏
03-10 259
1 父子页面的值传递 两种方式： 1)在父页面可以通过pagename操作子页面。 pagename = window.open('page ','name','width,height'); pagename.focus(); 在子页面可以通过parents.Label.innerText = '"value"' 2)通过模态对话框返回...
vue父子传值
Silas 蝈蝈 博客
02-27 6227
为了更好的实现开闭原则，更好的扩展功能，我们常常将页面以组件的方式引进来，因此在前端的项目中父子传值就来了，在这里列举几种传值的方式，如果有什么不足请大家及时提醒 父组件向子组件传值以及调用方法 父向子传值：props 父组件 <template> //页面引入直接用 <children :arr="childrenList"></children> </template> <script> /...
父子组件的传值
qq_38980678的博客
03-06 5006
父子组件的传值 (一) 父组件给子组件传值 1.父组件传递 父组件在调用子组件的位置，添加一个自定义属性， 属性的值就是父组件传入子组件的值 如果属性值是一个变量，或布尔类型的数据，或数值类型的数据， 该自定义属性需要使用绑定属性v-bind 2.子组件接收 在子组件定义的位置，添加一个props选项 选项的值默认是一个数组，数组的元素就是： 父组件在调用子组件的位置定义的属性名 这样就可以在子组件中通过自定义属性名访问父组件传入的数据了 3.props选项内接收到的父组件传过来的数据，可以进行
vue2-页面之间传值01-父子之间传值（前端面试必面题之一）
weixin_53787454的博客
05-25 1321
vue2-页面之间传值01-父子之间传值（前端面试必面题之一） 前端开发注重组件化开发，使得代码逻辑更清晰，大大降低单个文件的代码量，使得代码可读性和可维护性更高。那么，组件化后，一个前端页面由多个组件组成，父子组件、兄弟组件之间使用同一个数据的场景非常多，而且如果抽取一个组件之后居然没用使用其他组件的值那就没意思了（哈哈哈），而且也是前端面试的一大必面题之一。最后就是组件之间的传值真的很重要 (≧∇≦)/ ！接下来，代码伺候： ———— 记得点赞、收藏、关注 ————
vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…
Jet_Lover的博客
05-31 7104
vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结 前言 vue的组件传值分为三种方式：父传子、子传父、非父子组件传值 引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，emit向上传递，兄弟之间用bus。 一、父子组件传值 子组件 <template> <div class="child"> {{ message }} </div> </templa
vue 父子孙页面传值的多种方法
世 间 尤 物，不 敢 妄 取
09-11 1564
第一种 props 缺点：只能一级一级的传值 子页面不能修改这个参数。第二种 this.$parent 子页面直接获取父的变量。第二种 this.$children。第一种 需要子页面关闭或者改变才传值。provide 依赖。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值