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程序设计有所帮助。
相关文章
这篇文章主要介绍了纯JS实现图片验证码功能并兼容IE6-8浏览器,需要的朋友可以参考下2017-04-04
下面小编就为大家介绍一下基于js中的存储键值对以及注意事项。希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
这篇文章主要介绍了JS与jQuery实现ListBox上移,下移,左移,右移操作功能,涉及javascript与jQuery的事件响应、页面元素动态操作等相关实现技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了JS字符串常用操作方法,结合实例形式总结分析了javascript字符串获取、返回、拼接、替换、搜索、计算等相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了js弹出窗口的简单实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要给大家介绍了关于js实现简单的点名器随机色的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
解析JavaScript中 querySelector 与 getElementById 方法的区别
这篇文章主要介绍了JavaScript中 querySelector 与 getElementById 方法的区别,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-10-10
下面小编就为大家带来一篇js 创建对象 经典模式全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于利用uniapp开发APP时的调试/安卓打包等的相关资料,需要的朋友可以参考下2022-12-12
sortable中el-table拖拽及点击箭头上下移动row效果
这篇文章主要介绍了sortable中el-table拖拽及点击箭头上下移动row效果,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-08-08
最新评论