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 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
详解AngularJS实现表单验证
Dec 10 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
深入对Vue.js $watch方法的理解
Mar 20 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
Jul 19 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 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
PHP引用(&amp;)各种使用方法实例详解
2014/03/20 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
微信API接口大全
2015/04/15 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
vuex存储token示例
2019/11/11 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
python批量赋值操作实例
2018/10/22 Python
python交易记录链的实现过程详解
2019/07/03 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
容易被忽略的Python内置类型
2020/09/03 Python
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
2015年库房工作总结
2015/04/30 职场文书
离婚起诉书范本
2015/05/18 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
浅谈 JavaScript 沙箱Sandbox
2021/11/02 Javascript
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android