午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

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

2021-7-22    前端達(dá)人

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


父頁面代碼： 

 

    

    
  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標(biāo)簽之前

1

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

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


文章來源：csdn

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

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

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板： 日本无码人妻精品一区二区视频 | 永久免费毛片 | 鞋奴的视频VK | 99久久精品久久久 | 最新亚洲中文字幕在线观看 | 国产亚洲va在线电影 | 99精品中文字幕在线观看 | 最近日本字幕MV免费观看在线 | 国产高清亚洲 | 午夜4k最新福利 | 精品国产品国语在线不卡 | 亚洲精品国产一区二区贰佰信息网 | 免费高清在线影片一区 | 亚洲免费在线视频观看 | 国产精品自产拍在线观看网站 | 无限资源在线观看播放 | 国产精品悠悠久久人妻精品 | 俄罗斯爱爱| 精品国产九九 | 桃隐社区最新最快地址 | 国产精品人妻午夜福利 | 亚洲成A人片在线观看中文L | 第一次处破女18分钟免费 | 午夜AV内射一区二区三区红桃视 | 亚洲精品九色在线网站 | 爱暖暖1000部免费 | 我的奶头被客人吸的又肿又红 | 草莓视频在线看免费高清观看 | 国产精品2020观看久久 | 鸭子玩富婆流白浆视频 | 成人性生交大片免费看金瓶七仙女 | 亚州AV人片一区二区三区99久 | 伊人草 | 前后灌满白浆护士 | 日本午夜福利无码高清 | 小处雏一区二区三区 | 免费国产成人高清在线观看视频 | 99精品视频在线观看 | 国产人妻精品无码AV在线五十路 | RUNAWAY韩国动漫免费网 | 国产精品亚欧美一区二区三区 |