javascript实现浏览器窗口传递参数的方法


Posted in Javascript onSeptember 03, 2014

a.html

<html> 
<head> 
<title>主页面</title> 
<script language="javascript" type="text/javascript"> 
function OpenNew() 
{ 
var im=new IDAndMethod(); 
im.ID=document.getElementById("txtID").value; 
window.showModalDialog("ddd.html",im,""); 
} 
function IDAndMethod() 
{ 
this.ID="ddd"; 
this.Method=SetTxt; 
} 
function SetTxt(str) 
{ 
document.getElementById("txtID").value=str; 
} 
</script> 
</head> 
<body> 
<form action="#"> 
<input id="txtID" style="width:400px" type="text" value="XXX!在这里输入ID!" /><br /> 
<input type="button" value="打开新的窗口" onclick="OpenNew()" /> 
</form> 
</body> 
</html>

 b.html

<html> 
<head> 
<title>主页面</title> 
<script language="javascript" type="text/javascript"> 
var im; 
function Load() 
{ 
im=window.dialogArguments; 
if(im.ID=="XXX!在这里输入ID") 
document.getElementById("txtID1").value="你杂不输入呢!"; 
else 
document.getElementById("txtID1").value=im.ID; 
} 
function Set() 
{ 
im.Method(document.getElementById("txtID1").value); 
} 
</script> 
</head> 
<body onload="Load()"> 
<form action="#"> 
<input id="txtID1" style="width:400px" type="text" value="ddd" /><br /> 
<input type="button" value="传递数据" onclick="Set()" /> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
jquery maxlength使用说明
Sep 09 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
微信小程序服务器日期格式化问题
Jan 07 Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 #Javascript
javascript刷新父页面的各种方法汇总
Sep 03 #Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 #Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 #Javascript
jQuery自带的一些常用方法总结
Sep 03 #Javascript
JavaScript实现从数组中选出和等于固定值的n个数
Sep 03 #Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 #Javascript
You might like
PHP获取文件扩展名的4种方法
2015/11/24 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
JS 判断代码全收集
2009/04/28 Javascript
Dom操作之兼容技巧分享
2011/09/20 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
Python数据结构之图的应用示例
2018/05/11 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
python实现跨年表白神器--你值得拥有
2021/01/04 Python
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
小学生美德少年事迹
2014/02/02 职场文书
厨师长岗位职责
2014/03/02 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
幼儿园开学寄语
2014/04/03 职场文书
党员创先争优活动总结
2014/05/04 职场文书
工程售后服务承诺书
2014/05/21 职场文书
职务任命书范本
2014/06/05 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫