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 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
小程序实现投票进度条
Nov 20 Javascript
24个ES6方法解决JS实际开发问题(小结)
May 31 Javascript
Vue SPA 首屏优化方案
Feb 26 Vue.js
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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
PHP学习 变量使用总结
2011/03/24 PHP
解析php获取字符串的编码格式的方法(函数)
2013/06/21 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
pandas数据选取:df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]
2020/04/24 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
大学生就业自荐书
2014/06/16 职场文书
宿舍标语大全
2014/06/19 职场文书
法人授权委托书范本
2014/09/17 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
校长师德表现自我评价
2015/03/05 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL