92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

html iframe 子頁面調用父頁面的方法

2021-7-22    前端達人

還是附上代碼吧。不多說，方便日后查看


父頁面代碼： 

 

    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                <!DOCTYPE html> 
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                <html> 
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                <head> 
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                <title>parents</title> 
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                <meta charset="UTF-8"> 
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                </head> 
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                <body> 
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    
                <script language="javascript" type="text/javascript"> 
            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                function sayhello() {
            
    

        
    

    
    10. 

    
  10. 

        
    

            
    

            
    

        
    

        
    

            
    
                alert('Hello World!');
            
    

        
    

    
    11. 

    
  11. 

        
    

            
    

            
    

        
    

        
    

            
    
                }
            
    

        
    

    
    12. 

    
  12. 

        
    

            
    

            
    

        
    

        
    

            
    
                var value = 'value';
            
    

        
    

    
    13. 

    
  13. 

        
    

            
    

            
    

        
    

        
    

            
    
                </script> 
            
    

        
    

    
    14. 

    
  14. 

        
    

            
    

            
    

        
    

        
    

            
    
                <div id="default">div內容</div> 
            
    

        
    

    
    15. 

    
  15. 

        
    

            
    

            
    

        
    

        
    

            
    
                <iframe src="child.html"></iframe> 
            
    

        
    

    
    16. 

    
  16. 

        
    

            
    

            
    

        
    

        
    

            
    
                </body> 
            
    

        
    

    
    17. 

    
  17. 

        
    

            
    

            
    

        
    

        
    

            
    
                </html> 
            
    

        
    

    
    18.

子頁面 

 

    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                <!DOCTYPE html> 
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                <html> 
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                <head> 
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                <title>child</title> 
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                <meta charset="UTF-8"> 
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> 
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                <script language="javascript" type="text/javascript"> 
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    
                $(function() {
            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                //在iframe子頁面中查找父頁面元素 
            
    

        
    

    
    10. 

    
  10. 

        
    

            
    

            
    

        
    

        
    

            
    
                alert($('#default', window.parent.document).html());
            
    

        
    

    
    11. 

    
  11. 

        
    

            
    

            
    

        
    

        
    

            
    
                //在iframe中調用父頁面中定義的變量 
            
    

        
    

    
    12. 

    
  12. 

        
    

            
    

            
    

        
    

        
    

            
    
                alert(parent.value);
            
    

        
    

    
    13. 

    
  13. 

        
    

            
    

            
    

        
    

        
    

            
    
                //在iframe中調用父頁面中定義的方法 
            
    

        
    

    
    14. 

    
  14. 

        
    

            
    

            
    

        
    

        
    

            
    
                parent.sayhello();
            
    

        
    

    
    15. 

    
  15. 

        
    

            
    

            
    

        
    

        
    

            
    
                });
            
    

        
    

    
    16. 

    
  16. 

        
    

            
    

            
    

        
    

        
    

            
    
                </script> 
            
    

        
    

    
    17. 

    
  17. 

        
    

            
    

            
    

        
    

        
    

            
    
                </head> 
            
    

        
    

    
    18. 

    
  18. 

        
    

            
    

            
    

        
    

        
    

            
    
                <body> 
            
    

        
    

    
    19. 

    
  19. 

        
    

            
    

            
    

        
    

        
    

            
    
                <div>iframe子頁面內容</div> 
            
    

        
    

    
    20. 

    
  20. 

        
    

            
    

            
    

        
    

        
    

            
    
                </body> 
            
    

        
    

    
    21. 

    
  21. 

        
    

            
    

            
    

        
    

        
    

            
    
                </html> 
            
    

        
    

    
    22.

注意：

父頁面的屬性和方法必須在iframe標簽之前

1

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png


文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产亚洲精品久久久久久| 精品久久久久久中文字幕一区奶水| 亚洲精品网址在线观看| 中文字幕欧美视频在线| 精品国产乱码久久久久久天美| 51久久精品夜色国产麻豆| 亚洲国产精品人人爽夜夜爽| 国产人妖伪娘一区91| 日韩欧美在线国产| 在线播放亚洲激情| 91免费看视频.| 久久国产精品影视| 亚洲大胆人体av| 成人精品久久一区二区三区| 在线观看久久久久久| 亚洲毛片在线观看| 欧美大片va欧美在线播放| 不卡在线观看电视剧完整版| 美日韩精品视频免费看| 国产免费一区视频观看免费| 亚洲成人a**站| 欧美午夜性色大片在线观看| 欧美午夜影院在线视频| 性视频1819p久久| 日韩美女视频免费看| 在线观看日韩欧美| 亚洲风情亚aⅴ在线发布| 亚洲最大av网站| 日韩av手机在线观看| www.久久久久久.com| 亚洲精品资源美女情侣酒店| 91精品久久久久久久久久久| 亚洲激情久久久| 98精品国产高清在线xxxx天堂| 久久久精品久久久久| 在线视频日韩精品| 亚洲精品美女久久久| 中文字幕日韩在线观看| 国语自产精品视频在免费| 欧美成人精品在线播放| 亚洲一区二区三区乱码aⅴ蜜桃女| 亚洲男女性事视频| 亚洲成av人乱码色午夜| 亚洲美女www午夜| 国产精品 欧美在线| 欧美性69xxxx肥| 国内外成人免费激情在线视频网站| 亚洲va男人天堂| 欧美另类第一页| 午夜精品久久17c| 国产精品爽黄69| 国产精品高潮呻吟久久av无限| 日日噜噜噜夜夜爽亚洲精品| 中文一区二区视频| 亚洲精品视频中文字幕| 在线观看亚洲视频| 国产精品久久久久9999| 欧美激情亚洲自拍| 色综合久久88| 欧美激情第99页| 久久综合五月天| 国内揄拍国内精品少妇国语| 欧美一级片免费在线| 亚洲国产精品女人久久久| 2019中文字幕在线免费观看| 日韩欧美高清视频| 欧美精品久久久久久久久| 91亚洲国产成人久久精品网站| 国产精品高潮呻吟久久av黑人| 热re99久久精品国产66热| 亚洲a∨日韩av高清在线观看| 精品久久久久久亚洲精品| 久久久久久久久中文字幕| 亚洲一区亚洲二区亚洲三区| 中文字幕亚洲一区二区三区| 日韩人体视频一二区| 日本人成精品视频在线| 91高清免费视频| 亚洲一区制服诱惑| 日韩精品免费看| 国语自产精品视频在线看一大j8| 亚洲天堂成人在线| 色先锋久久影院av| 亚洲欧美日韩久久久久久| 欧美日韩美女在线观看| 久久在线视频在线| 国产这里只有精品| 国产a∨精品一区二区三区不卡| 亚洲热线99精品视频| 亚洲性无码av在线| 日韩av电影院| 久色乳综合思思在线视频| 91亚洲永久免费精品| 国产成人亚洲综合91| 黑人巨大精品欧美一区二区| 日韩av最新在线观看| 亚洲a成v人在线观看| 日韩激情视频在线播放| 色爱精品视频一区| 97婷婷涩涩精品一区| 97在线视频国产| 18一19gay欧美视频网站| 精品激情国产视频| xvideos国产精品| 亚洲精品视频中文字幕| 91香蕉国产在线观看| 日本a级片电影一区二区| 亚洲欧美日韩天堂| 亚洲精品欧美一区二区三区| 91在线视频一区| 国产精品久久久久7777婷婷| 久久久久久91| 国产一区二区成人| 久久影视电视剧凤归四时歌| 亚洲四色影视在线观看| 亚洲视屏在线播放| 欧美激情亚洲精品| 亚洲最大激情中文字幕| 91免费精品视频| 久久久天堂国产精品女人| 国产偷亚洲偷欧美偷精品| 欧美多人乱p欧美4p久久| 亚洲自拍av在线| 国产色综合天天综合网| 亚洲区一区二区| 国产成人精品最新| 国产亚洲欧洲高清| 亚洲精品久久久久国产| 欧美激情a在线| 国产久一一精品| 久久久久久久久综合| 欧美高清videos高潮hd| 亚洲国产欧美一区二区三区同亚洲| 日韩中文字幕网站| 欧美激情亚洲自拍| 这里只有精品视频在线| 国产精品福利久久久| 国内外成人免费激情在线视频网站| 成人午夜小视频| 国产午夜精品视频免费不卡69堂| 丝袜亚洲欧美日韩综合| 久久久久久999| 欧美一区二区三区艳史| 精品高清美女精品国产区| 91亚洲人电影| 久久亚洲私人国产精品va| 亚洲男女自偷自拍图片另类| 国产精品激情av在线播放| 亚洲综合中文字幕68页| 亚洲欧美日本另类| 亚洲午夜女主播在线直播| 18性欧美xxxⅹ性满足| 亚洲国产99精品国自产| 国产成人精品综合久久久| 亚洲白拍色综合图区| 亚洲性猛交xxxxwww| 性色av一区二区三区红粉影视| 九九九久久久久久| 欧美日韩综合视频网址| 日韩在线中文字| 18一19gay欧美视频网站| 日韩成人激情视频| 亚洲欧美日韩国产中文| 国产精品十八以下禁看|