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

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

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
日韩av在线免播放器| 91高清免费视频| 国产极品模特精品一二| 日韩一区二区三区三四区视频在线观看| 国内精品国语自产拍在线观看| 亚洲国产成人精品久久久国产成人一区| 欧美日韩亚洲系列| 精品视频全国免费看| 亚洲卡通动漫在线| 99免费在线观看视频| 老司机久久99久久精品播放免费| 国产麻豆一区二区三区精品视频| 午夜精品久久久久久久男人的天堂| 欧洲亚洲妇女av| 日韩欧美视频一区二区三区| 日韩精品视频在线观看免费| 久久99久国产精品黄毛片色诱| 成年网站在线视频网站| 超碰最新在线| 日韩av最新在线| 粉嫩一区二区| 欧美成人在线影院| 中文字幕免费一区二区| 国产精品久久777777| 日韩精品免费视频一区二区三区| 亚洲图片欧美视频| 天堂av在线电影| 国产日韩欧美一区二区三区| 国自产精品手机在线观看视频| 蜜臀99久久精品久久久久久软件| 久久久精品久久久久久96| 亚洲国产精品悠悠久久琪琪| 蜜桃精品视频在线| 欧美精品在线免费观看| 99视频一区二区三区| 国产精品久久久久久久久图文区| 久久婷婷国产麻豆91天堂| 一区二区三区视频网站| 老司机精品影院| 久久久久久综合| 秋霞影院一区二区三区| 色偷偷偷亚洲综合网另类| 亚洲综合五月| 理论片午午伦夜理片在线播放| 国产精品国产三级国产aⅴ中文| 国产亚洲一区二区三区四区| 亚洲www免费| 中文字幕伦理免费在线视频| 99re国产视频| 日韩在线电影| 91手机在线播放| 国产一区二区三区免费在线| 日韩视频一区二区三区在线播放| 巨大荫蒂视频欧美大片| av影片在线一区| 一本久久青青| 亚洲高清福利视频| 99精品美女| 中文字幕免费高清电视剧网站在线观看| 另类专区欧美制服同性| 日韩中文一区二区三区| 999国产精品一区| 在线观看精品国产视频| 日韩精品极品视频在线观看免费| 米奇精品一区二区三区| 永久亚洲成a人片777777| 欲香欲色天天天综合和网| 欧美日韩高清在线播放| 一本一道波多野结衣一区二区| 黄页视频在线播放| 久久精品国产68国产精品亚洲| 亚洲日韩中文字幕| 亚洲美腿欧美激情另类| 日韩欧美国产中文字幕| 日韩欧美国产三级电影视频| 69久久夜色精品国产69蝌蚪网| 亚洲一区二区电影| 九九亚洲精品| 91一区二区三区四区| 欧美精品在线免费观看| 黄色aa久久| 久久精品九九| 亚洲最大激情中文字幕| 亚洲成人精品在线| 你懂的一区二区三区| 久久精品国产久精国产思思| 五月天亚洲综合情| 欧美大胆a人体大胆做受| 91久色国产| 亚洲男女性事视频| 日韩中文字幕av在线| 日韩欧美高清在线播放| 欧美gayvideo| 国产精品国产自产拍高清av| 久久久噜噜噜久久| 老鸭窝一区二区久久精品| 精品美女一区二区| 亚洲欧美日韩直播| 永久免费看mv网站入口亚洲| 国产suv精品一区二区| 麻豆精品蜜桃视频网站| 成人国产在线视频| 99re在线视频| 欧美一乱一性一交一视频| 国产超碰在线一区| 91在线视频播放| 欧美一区高清| 2022国产精品| 欧美亚洲另类在线一区二区三区| 日韩成人av影视| 555www色欧美视频| 精品国产乱码久久久| 奇米一区二区三区av| 老司机福利在线视频| 成人国产精品日本在线| 九色丨蝌蚪丨成人| 国产探花在线精品| 国产精品久久久久久久久久| 日韩在线一区二区三区免费视频| yourporn在线观看中文站| 日韩免费在线播放| 久久福利在线| 18成人在线视频| 欧美三级电影在线看| 激情久久av| 成人免费一区二区三区视频| 国产做受高潮69| 日韩欧美亚洲一区二区| 美日韩精品免费观看视频| 99免在线观看免费视频高清| 成人免费网站在线| 国产午夜精品一区理论片飘花| 久久电影tv| 久久麻豆一区二区| 制服丝袜中文字幕在线| 日韩一二三区不卡在线视频| 久久亚洲高清| 亚洲男人都懂的| 亚洲人成在线网站| 欧美韩国日本精品一区二区三区| 国产成人免费9x9x人网站视频| 国产精品日韩成人| 国产日韩1区| 性欧美xxxx免费岛国不卡电影| 最新亚洲国产| 欧美一乱一性一交一视频| 欧美亚洲一级二级| 蜜桃传媒麻豆第一区在线观看| 亚洲欧洲精品在线| 成人国产精品一区二区| 伊人久久久久久久久久久久久| 一个人www视频在线免费观看| 在线看免费av| 亚洲最新av在线| 日韩免费在线播放| 少妇av一区二区三区| 亚洲综合av一区二区三区| 久久亚洲精品一区二区| 久久亚洲春色中文字幕久久久| 精品国产99久久久久久| 国产女人水真多18毛片18精品视频| 91久久久久久久一区二区| 在线电影欧美日韩一区二区私密| 99精品美女视频在线观看热舞|