javascript弹出页面回传值的方法
更新时间：2015年01月28日 15:45:42 投稿：shichen2014
这篇文章主要介绍了javascript弹出页面回传值的方法,实例分析了由a1.html弹出的b1.html回传值的实现方法,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了javascript弹出页面回传值的方法。分享给大家供大家参考。具体实现方法如下：
a1.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
b1.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序自定义组件封装及父子间组件传值的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
无缝滚动改进版，封装成函数，同时支持上下左右无缝滚动。2012-12-12
这篇文章主要介绍了浅谈Webpack打包优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要为大家详细介绍了JS实现京东商品分类侧边栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要为大家详细介绍了JavaScript中获取HTML元素值的三种方法，分享了JavaScript中取得元素的方法，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了JavaScript保留两位小数的2个自定义函数,需要的朋友可以参考下2014-05-05![JavaScript 新手24条实用建议[TUTS+]](//img.jbzj.com/images/xgimg/bcimg6.png)
本文列出了24条能让你的代码编写过程更为轻松高效的建议。也许您还是JavaScript初学者，刚刚写完自己的Hello World，那这里有很多对您的工作将十分有用的小贴士；也许有些技巧您已经知道，那就试试快速浏览一下，看能不能发现一点新东西吧！2009-06-06
这篇文章主要介绍了JavaScript实现在标题栏上显示当前日期的方法,涉及javascript操作时间及DOM节点的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了微信小程序中使用 async/await的方法,结合实例形式分析了微信小程序中async/await的功能、使用方法及操作注意事项,需要的朋友可以参考下2020-05-05
ES6 javascript中class静态方法、属性与实例属性用法示例
这篇文章主要介绍了ES6 javascript中class静态方法、属性与实例属性用法,结合实例形式分析了ES6中类的静态方法、静态属性概念、功能、使用方法与相关注意事项,需要的朋友可以参考下2017-10-10
![JavaScript 新手24条实用建议[TUTS+]](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论