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 相关文章推荐
用javascript实现的仿Flash广告图片轮换效果
Apr 24 Javascript
Js组件的一些写法
Sep 10 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
vue-dialog的弹出层组件
May 25 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
Javascript中的this,bind和that使用实例
Dec 05 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 会话(session 时间设定)使用入门代码
2008/06/05 PHP
php adodb连接不同数据库
2009/03/19 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
js实现图片360度旋转
2017/01/22 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
Python类的用法实例浅析
2015/05/27 Python
Python 中 Meta Classes详解
2016/02/13 Python
python django事务transaction源码分析详解
2017/03/17 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
用Python配平化学方程式的方法
2019/07/20 Python
python实现图片上添加图片
2019/11/26 Python
美国糖果店:Sugarfina
2019/02/21 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
J2EE中常用的名词进行解释
2015/11/09 面试题
护理个人求职信范文
2014/01/08 职场文书
计划生育标语
2014/06/23 职场文书
终止劳动合同证明书样本
2014/11/19 职场文书
结婚典礼致辞
2015/07/28 职场文书
农贸批发市场管理制度
2015/08/07 职场文书
自荐信范文
2019/05/20 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
tomcat下部署jenkins的方法
2022/05/06 Servers
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript