欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

html iframe 子頁面調(diào)用父頁面的方法

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內(nèi)容</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中調(diào)用父頁面中定義的變量 
            
    

        
    

    
    12. 

    
  12. 

        
    

            
    

            
    

        
    

        
    

            
    
                alert(parent.value);
            
    

        
    

    
    13. 

    
  13. 

        
    

            
    

            
    

        
    

        
    

            
    
                //在iframe中調(diào)用父頁面中定義的方法 
            
    

        
    

    
    14. 

    
  14. 

        
    

            
    

            
    

        
    

        
    

            
    
                parent.sayhello();
            
    

        
    

    
    15. 

    
  15. 

        
    

            
    

            
    

        
    

        
    

            
    
                });
            
    

        
    

    
    16. 

    
  16. 

        
    

            
    

            
    

        
    

        
    

            
    
                </script> 
            
    

        
    

    
    17. 

    
  17. 

        
    

            
    

            
    

        
    

        
    

            
    
                </head> 
            
    

        
    

    
    18. 

    
  18. 

        
    

            
    

            
    

        
    

        
    

            
    
                <body> 
            
    

        
    

    
    19. 

    
  19. 

        
    

            
    

            
    

        
    

        
    

            
    
                <div>iframe子頁面內(nèi)容</div> 
            
    

        
    

    
    20. 

    
  20. 

        
    

            
    

            
    

        
    

        
    

            
    
                </body> 
            
    

        
    

    
    21. 

    
  21. 

        
    

            
    

            
    

        
    

        
    

            
    
                </html> 
            
    

        
    

    
    22.

注意：

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

1

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

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


文章來源：csdn

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

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

日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板： 韩国美女激情vip | 欧美同性gayvidoes | 欧美vpswindowssex 欧美va在线高清 | 精品国产乱码久久久人妻 | 日本一卡2卡3卡4卡乱 | 香蕉动漫库 | 免费高清www动漫视频播放器 | 777奇米影视一区二区三区 | 国产福利一区二区三区 | 双性小说肉 | 欧美在线视频免费播放 | xxoo好深好爽动态 | 国产欧美综合精品一区二区 | 粉嫩极品国产在线观看免费 | 加勒比伊人 | 九九九九在线精品免费视频 | 丁香五香天堂网 | 星星动漫在线观看无删减 | 久久两性视频 | 亚洲成人免费 | 日本一区二区精品88 | 亚洲香蕉伊在人在线观婷婷 | 国产在视频| www.九九热| 男人午夜免费视频 | 免费看隐私美女 | 特级淫片欧美高清视频蜜桃 | 国产成人亚洲综合91精品555 | 性xxx欧美 | 男同互操| 亚洲久草视频 | 极品ts赵恩静和直男激战啪啪 | 秋霞理论在一l级毛片 | 91精品国产一区 | av91在线| 欧美综合国产精品日韩一 | 好男人资源大全免费观看 | 奇米888在线看奇米999 | 视频一区二区三区在线观看 | 日本在线观看免费观看完整版 | blacked黑人|