亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

JavaScript子窗口調用父窗口變量和函數的方法

2024-05-06 16:24:34
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JavaScript子窗口調用父窗口變量和函數的方法,涉及JavaScript窗口調用的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JavaScript子窗口調用父窗口變量和函數的方法。分享給大家供大家參考。具體如下：

示例1：子窗口是新打開的窗口

父窗口:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns=" http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <title>parent</title> 
  6. <script type="text/javascript"> 
  7. var parentPara='parent'; 
  8. function parentFunction() { 
  9. alert(parentPara); 
  10. } 
  11. </script> 
  12. </head> 
  13. <body> 
  14. <button onclick="parentFunction()">顯示變量值</button> 
  15. <button onclick="window.open('child.html')">打開新窗口</button> 
  16. </body> 
  17. </html> 

子窗口:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns=" http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <title>child</title> 
  6. <script type="text/javascript"> 
  7. function modify() { 
  8. opener.parentPara='child'; 
  9. } 
  10. </script> 
  11. </head> 
  12. <body> 
  13. <button onclick="opener.parentFunction()">調用父頁面的方法</button> 
  14. <button onclick="modify()">更改父頁面中變量的值</button>  
  15. </body> 
  16. </html> 

只要在變量和函數前面加opener就可以訪問指定資源了。

但是當父窗口被關閉時，再如此使用會報一個錯："被調用的對象已與其客戶端斷開連接。"

示例2：子頁面是父頁面的一個iframe

父頁面：

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns=" http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <title>parent</title> 
  6. <script type="text/javascript"> 
  7. function fill() { 
  8. //alert(frame1.window.childPara); //顯示frame1內的變量值 
  9. var str=document.getElementById('txt1').value; //獲得文本框內輸入的值 
  10. frame1.window.div1.innerHTML=str; //將值填入子頁面的一個div中 
  11. } 
  12. </script> 
  13. </head> 
  14. <body> 
  15. <div style="background-color:yellow;width:300px;height:300px;"> 
  16. 父頁面 
  17. <iframe id="frame1" src="child.html" frameborder="0" scrolling="no" width="120px" height="120px"></iframe> 
  18. <br/><br/><br/><br/> 
  19. <input id="txt1" type="text"/> 
  20. <button onclick="fill()">將文本框內值填充入子界面</button> 
  21. </div> 
  22. </body> 
  23. </html> 

子頁面：

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns=" http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <title>child</title> 
  6. <script type="text/javascript"> 
  7. function fun() { 
  8. parent.fill(); 
  9. } 
  10. </script> 
  11. </head> 
  12. <body> 
  13. <div style="background-color:lightblue;width:100px;height:100px;"> 
  14. <b>子頁面</b><br/> 
  15. <a href="#" onclick="fun()">同父頁面按鈕</a> 
  16. <div id="div1" style="color:red;"> 
  17. </div> 
  18. </div> 
  19. </body> 
  20. </html> 

小發現：刷新父頁面時，其中的iframe也會隨之刷新;刷新iframe時，父頁面不會刷新。

希望本文所述對大家的JavaScript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久精品国产一区二区三区| 国产性猛交xxxx免费看久久| 国产精品a久久久久久| 全球成人中文在线| 性欧美xxxx视频在线观看| 久久影视免费观看| 欧美极品少妇xxxxⅹ免费视频| 国产精品av网站| 国产亚洲精品久久久| 色偷偷噜噜噜亚洲男人的天堂| 日韩激情av在线免费观看| 97香蕉超级碰碰久久免费软件| 欧美成人国产va精品日本一级| 欧美日韩亚洲一区二| 国产偷国产偷亚洲清高网站| 亚洲人在线视频| 成人性生交xxxxx网站| 91精品在线播放| 亚洲精品91美女久久久久久久| 日韩av免费观影| 日本三级久久久| 欧美亚洲视频一区二区| 国产精品高清在线观看| 深夜福利一区二区| 国内精品久久久久久久久| 7777免费精品视频| 国产91在线播放| 日韩女优人人人人射在线视频| 高清日韩电视剧大全免费播放在线观看| 91wwwcom在线观看| 亚洲国产精品资源| 日韩暖暖在线视频| 欧美成人亚洲成人日韩成人| 97在线精品国自产拍中文| 亚洲色图第三页| 亚洲色图50p| 亚洲天堂男人天堂女人天堂| 久久视频在线免费观看| 久久九九有精品国产23| 国产成一区二区| 久久精品国产欧美激情| 亚洲天堂网在线观看| www.午夜精品| 亚洲午夜精品久久久久久性色| 欧美电影在线免费观看网站| 91精品国产乱码久久久久久蜜臀| 国产日产欧美精品| 亚洲欧美中文日韩在线v日本| 久久天天躁狠狠躁夜夜av| 亚洲影院高清在线| 国产精品久久久久久久久久久久久| 久久国产精品首页| 亚洲精品久久久久中文字幕二区| 亚洲精品国产免费| 在线播放国产一区中文字幕剧情欧美| 国产一区二区三区精品久久久| 国产日韩精品电影| 欧美国产精品日韩| 国产精自产拍久久久久久蜜| 日韩电影免费在线观看| 一区二区三区无码高清视频| 亚洲美女福利视频网站| 狠狠久久亚洲欧美专区| 国产欧美欧洲在线观看| 国产成人福利网站| 国产精品久久久久久久美男| 日韩精品视频观看| 精品久久国产精品| 青草热久免费精品视频| 欧美有码在线视频| 亚洲一区二区久久| 久久夜色撩人精品| 国产噜噜噜噜噜久久久久久久久| 国产精品美女主播在线观看纯欲| 亚洲无线码在线一区观看| 久久久国产一区二区| 亚洲欧美国产精品| 中文日韩在线视频| 国产精品日韩在线一区| 成人国产在线激情| 91亚洲精品久久久久久久久久久久| 96精品视频在线| 欧美国产日韩一区二区| 亚洲欧美一区二区激情| 成人福利视频在线观看| www.日韩不卡电影av| 日韩国产欧美精品在线| 精品性高朝久久久久久久| 日日骚av一区| 亚洲图片欧洲图片av| 一本色道久久综合狠狠躁篇的优点| 亚洲精品电影网| 欧美黑人xxx| 98午夜经典影视| 不卡av在线网站| 久久综合伊人77777蜜臀| 欧美精品在线第一页| www.欧美精品| 色琪琪综合男人的天堂aⅴ视频| 在线国产精品视频| 亚洲第一精品夜夜躁人人躁| 欧美激情高清视频| 精品动漫一区二区三区| 综合久久五月天| 欧美一级片在线播放| 国内揄拍国内精品| 国产午夜精品久久久| 大量国产精品视频| 国产91在线播放九色快色| 日韩精品视频中文在线观看| 黑人巨大精品欧美一区二区三区| 日韩中文av在线| 奇米影视亚洲狠狠色| 亚洲在线一区二区| 国产成人综合av| 亚洲欧美综合区自拍另类| 57pao国产成人免费| 日韩精品福利在线| 97在线精品国自产拍中文| 亚洲精品xxxx| 欧美激情一级精品国产| 91精品啪在线观看麻豆免费| 丝袜一区二区三区| 91wwwcom在线观看| 中文字幕亚洲欧美日韩2019| 久热精品在线视频| 色偷偷噜噜噜亚洲男人的天堂| 中文字幕欧美视频在线| 中文字幕亚洲欧美日韩高清| 国产精品国产三级国产aⅴ浪潮| 欧美日韩中国免费专区在线看| 精品成人av一区| 日韩va亚洲va欧洲va国产| 97精品伊人久久久大香线蕉| 亚洲色图日韩av| 久久久久久久久久久久久久久久久久av| 国产+成+人+亚洲欧洲| 欧美国产日韩免费| 911国产网站尤物在线观看| 色狠狠久久aa北条麻妃| 午夜精品久久久久久久99热浪潮| 欧美日本亚洲视频| 亚洲高清色综合| 日韩欧美一区二区在线| 欧美情侣性视频| 久久久免费在线观看| 欧美视频免费在线| 成人激情视频在线播放| 91久久精品国产91久久| 亚洲欧美精品伊人久久| 日韩免费在线电影| 国产精品扒开腿做| 久久电影一区二区| 91国产视频在线播放| 日韩av在线播放资源| 亚洲视频axxx| 欧美日韩福利电影| 亚洲三级av在线| 久久久久亚洲精品| 国产成人亚洲精品| 国产999精品久久久影片官网| 日韩在线视频观看正片免费网站| 97国产suv精品一区二区62| 久久精品中文字幕电影|