javascript浏览器窗口传递参数实例分析

最新推荐文章于 2021-01-23 15:15:47 发布
最新推荐文章于 2021-01-23 15:15:47 发布
阅读量425 收藏
点赞数
分类专栏： Javascript
分享一个 javascript实现浏览器窗口传递参数的例子，一起学习下。

a.html
<html> 
<head> 
<title>主页面_www.jbxue.com</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="打开新的窗口" οnclick="OpenNew()" /> 
</form> 
</body> 
</html>


b.html

 <html> 
<head> 
<title>主页面_www.yuju100.com</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 οnlοad="Load()"> 
<form action="#"> 
<input id="txtID1" style="width:400px" type="text" value="ddd" /><br /> 
<input type="button" value="传递数据" οnclick="Set()" /> 
</form> 
</body> 
</html>
sogood22
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现浏览器窗口传递参数的方法
12-09
a.html <html> <head> <title>主页面</title> [removed] 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; } functi
详解js跨页面传参以及API的解释
杜永康的博客
04-25 2826
还是那句话，搞明白这几个问题。首先什么是跨页面传参？其次跨页面传参具体怎么实现？然后有那些方法？以及有哪些需要拓展和了解的东西？跨页面传参通常是指在一个页面中通过JavaScript代码传递数据到另外一个页面。这些数据可以是字符串、数字、对象等等，可以用来进行页面跳转、页面渲染和数据处理等操作。
浏览器窗口之间传递数据
weixin_34334744的博客
01-15 144
摘要： 　　在项目开发中我们经常会遇到弹窗，有的是通过div模拟弹窗效果，有的是通过iframe，也有通过window自带的open函数打开一个新的窗口。今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互。首先看下效果图： 原理： 　　父窗口给子窗口传递数据是通过url的参数传递过去，子窗口给父窗口传递数据是通过父窗口的全局函数传递。 代码： index...
javascript浏览器窗口之间传递数据的方法
10-24
主要介绍了javascript浏览器窗口之间传递数据的方法,实例分析了父窗口与子窗口之间传递参数的使用技巧,非常具有实用价值,需要的朋友可以参考下
js页面之间传参方式集合
玉超
12-24 7737
总有一款适合你。。。 如果想了解iframe有关传值请参看之前文章：iframe跨不跨域通讯方式集合； 这篇主要是说说其他几种页面之间传值的实现： 实现一：url传值 这种传值方式就是通过在url后面增加参数，然后打开该url后页面获取参数信息，再用js进行处理。 main.html: function post(){ 　　url= "other.html?name="+es
javascript实现浏览器窗口传递参数
03-01
博文链接：https://zhanglingsi.iteye.com/blog/243677
ArcGIS API for Javascript (六)
会飞的鱼@的博客
10-22 221
地图查询 1、任务查询 IdentifyTask IdentifyTask ：针对加载在地图上的 属性和空间查询，url不能指定单个图层，必须指定整个服务 引用： 查询任务：IdentifyTask 查询参数：IdentifyParameters require(["esri/tasks/IdentifyTask","esri/tasks/support/IdentifyParameters"], function(IdentifyTask,IdentifyParameters) {
window程序
qq_43656826的博客
09-25 978
#include <windows.h>LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam);char windowName[]="window窗口"; //窗口标题int APIENTRY WinMain(HINSTANCE hInstance,HINSTANCE hPrevInstance,LPSTR lpCmdLine,int nCmdShow){ //定义窗口类 WNDC
JavaScript实现在两个页面中传递参数
qq_41929578的博客
10-10 692
传参页面.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="接收另一个界面参数.html"> 用户名：<input type="text" name="uname"/> <input type="su
浏览器传参
qq_39748755的博客
06-11 619
GET传参 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>登录动画</title> <link rel="stylesheet" href="css/index.css"> </h...
浏览器如何解析html、css、js
秦爱德
09-13 2828
在熟悉了浏览器的工作原理之后，今天我们来讲讲浏览器在从服务器获取到网页文件之后是如何解析的。了解了这个基础知识，对敲出来的代码，质量会有不小的提升。 在此之前我先为上一篇《浏览器的工作原理–分析》做一下补充。 我们都知道浏览器只是下载到本地来浏览网页的一个软件！那么既然是软件，就有软件的诟病。软件的算法、代码的质量、所使用的内核、安全性的设置等等。都会影响着浏览器的运行速度，这就是为什么相同
js 不同页面间传递值并取值，html不同页面间数据传递
热门推荐
web_xyk的专栏
08-22 1万+
以前没用到过页面间传递参数再从后台获取数据，自己总结了一些。 先说需求：现在有页面pageA.html 和页面pageB.html，页面pageA.html中有一事件，当这个事件触发时会打开页面pageB.html。而且页面pageB.html中的一些内容需要根据pageA.html 中的一些值来判断显示哪些内容或者做一些操作。 方法一： (1) pageA.html 中的事件为 windo...
【JS】两个页面之间的传参和获取（获取url中的参数）
aring1998的博客
01-23 2625
前言：近期首次完成了一次项目，其中大量用到两个页面之间的传参和获取，在此做一个总结。 零、获取url中的参数函数 只是需要获参函数的朋友这里直接复制就好~ <script> // 截取字符串后面的参数 function getParameter(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构建一个含有目标参数的正则表达式对象 v
JS子窗口给父窗口传值的简单方法
longfaiz的博客
05-15 5300
今天做的项目有用的到window.open()这个JS的函数。所以先贴一下他的说明链接：http://www.w3school.com.cn/jsref/met_win_open.asp,子窗口需要调用window.opener这个对象就好了。关于这个方法也贴出来关于opener的说明，http://www.w3school.com.cn/jsref/prop_win_opener.asp。现在需...
JS 模式窗口传值
michaelgong的专栏
05-06 2885
<br />val 参数 是你的文本值，用‘|’分开，然后在调用的时候 将接收到的字符串分割。。。 function ClickButton(val) { //需返回的信息 //申请人(员工ID)[0]|姓名[1]|所属机构[2]|简码[3]|办公电话[4]|职务ID[5]|身份证号码[6]|试用截止日期[7]|是否已录指纹[8]|是否体检[9]|所属员工编号[10] //是不是总公司[11]|职务名[12]|员工编
JavaScript页面跳转并传参的常用方法
风再起时的博客
09-01 5410
12
模态窗口传递参数代码实现
最新发布
06-09
// 创建模态窗口实例并传递参数 const modal = new Modal({foo: 'bar'}); ``` 在上面的示例中，我们定义了一个 `Modal` 类，并在其构造函数中定义了一个参数 `param`。当我们创建 `Modal` 实例时，可以将参数 `{foo...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值