(转)通过javascript跨页面传值

ゝ一世哀愁。 2022-08-25 12:51 170阅读 0赞

本文转自:http://hi.baidu.com/crp8/blog/item/5959bbd3dea7c937960a1667.html

通过javascript跨页面传值

首先创建两个页面，Parent.htm和 Child.htm在Parent.htm里的html如下  
 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
 < html  xmlns ="http://www.w3.org/1999/xhtml" >   
 < body >   
 < input  id ="hidden\_Input"  type ="hidden"  />   
 < a  href ="child.htm"  target ="\_blank" > Popup Child.htm </ a >   
 < a  href ="javascript:alert(document.getElementById('hidden\_Input').value);" > show value </ a >   
 </ body >   
 </ html >   
  
在Child.htm里的html如下  
  
 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
 < html  xmlns ="http://www.w3.org/1999/xhtml" >   
 < head >   
 < script  type ="text/javascript" >   
 function  testme()  
\{  
 var  parent  =  window.parent.opener;  
 var  hiddenInput  =  parent.document.getElementById( ' hidden\_Input ' );  
  
 if (hiddenInput)  
\{  
hiddenInput.value  =  ' show me the money, hahaha ' ;  
alert( ' close this window and see what happens on parent.htm~ ' );  
window.close();  
\}  
\}  
 </ script >   
 < title ></ title >   
 </ head >   
 < body >   
 < button  onclick ="testme();" > Click me to set value </ button >   
 </ body >   
 </ html >   
好了，运行一下例子，怎么样，真的很实用的吧？嘻嘻

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关 MIniUI跨页面传值

项目需要使用它进行跨页面传值。下面是调用父页面打开子窗口。重要的是这一句【 iframe.contentWindow.grid.getSelected();】子窗口中有一个gr

谁借莪１个温暖的怀抱￠/ 2023年06月25日 07:51/ 0 赞/ 27 阅读

相关 vue跨页面传值

传值的页面 // html 中的点击图片跳转页面 showWordPicture(index) <ul> <li cla

￡神魔★判官ぃ/ 2023年05月30日 14:58/ 0 赞/ 42 阅读

相关 VUE跨页面传值的精妙

背景众所周知，以前开发者只要掌握HTML、CSS、JavaScript 三驾马车就能胜任一份Web前端的工作。而在技术日新月异的现在，Vue, React，Angula

痛定思痛。/ 2023年02月25日 02:13/ 0 赞/ 26 阅读

相关 ASP.NET跨页面传值的技巧

ASP.NET跨页面传值：使用QueryString变量 QueryString是一种非常简单的传值方式，他可以将传送的值显示在浏览器的地址栏中。如果是传递一个或多个安全性要

深藏阁楼爱情的钟/ 2022年09月18日 09:56/ 0 赞/ 151 阅读

相关 (转)通过javascript跨页面传值

本文转自:http://hi.baidu.com/crp8/blog/item/5959bbd3dea7c937960a1667.html 通过javascript跨页面传值

ゝ一世哀愁。/ 2022年08月25日 12:51/ 0 赞/ 171 阅读

相关 JavaScript 页面跳转并传值,解析url成对象

一、页面跳转 1.window.location.href=”test01.html”;//本地页面跳转 2.window.open(“test01.html”) //

叁歲伎倆/ 2022年06月11日 05:12/ 0 赞/ 537 阅读

相关页面跳转传值angularjs

默认排序 [![Ye Huang][]][Ye Huang 1] [Ye Huang][Ye Huang 1] [http://yehuang.me][http_yeh

小鱼儿/ 2022年06月05日 03:36/ 0 赞/ 279 阅读

相关小程序跨页面传值、全局属性 globalData

在app.js中 App({ globalData: 1， info:'你好' }) ![SouthEast][] 然后在你需要调

短命女/ 2022年06月01日 03:19/ 0 赞/ 206 阅读

相关 js页面跳转传值

[https://www.cnblogs.com/lyggqm/p/5688028.html][https_www.cnblogs.com_lyggqm_p_5688028.h

柔情只为你懂/ 2022年03月15日 03:42/ 0 赞/ 307 阅读

相关 JAVASCRIPT 页面跳转传值

在WEB页面中，我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等，由用户点击某处，然后直接由浏览器帮我们跳转。但有时候，需要当某事件

谁践踏了优雅/ 2021年12月20日 05:55/ 0 赞/ 416 阅读