<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 

  
      
    

          

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

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://m.sdgs6788.com
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          


  
 





成人精品一区二区久久久|
亚洲精品无码久久久久|
国产精品内射久久久久欢欢|
97精品国产97久久久久久免费|
精品久久久久久99人妻|
久久这里都是精品|
狠色狠色狠狠色综合久久|
四虎国产精品免费久久|
精品久久久噜噜噜久久久
|
四虎国产精品成人免费久久|
伊人久久大香线蕉av不卡|
91久久精品国产91性色也|
久久精品国产亚洲AV蜜臀色欲
|
久久精品国产亚洲AV麻豆网站
|
久久综合香蕉国产蜜臀AV|
9191精品国产免费久久|
伊人色综合久久天天人手人婷
|
青青青国产精品国产精品久久久久|
久久国产午夜精品一区二区三区|
亚洲国产精品无码成人片久久|
国产精品伦理久久久久久|
久久精品国产99久久无毒不卡|
日本加勒比久久精品|
99热成人精品免费久久|
久久av无码专区亚洲av桃花岛|
无码人妻少妇久久中文字幕|
国产福利电影一区二区三区，免费久久久久久久精
|
2022年国产精品久久久久|
久久久亚洲AV波多野结衣|
久久精品国产欧美日韩99热|
国产精品美女久久久免费|
国产L精品国产亚洲区久久
|
色综合久久综合中文综合网|
日韩美女18网站久久精品|
国产成人久久精品二区三区|
久久久久久久综合日本亚洲|
99久久免费国产精精品|
久久精品国产精品青草app|
久久综合久久综合九色|
久久国产一片免费观看|
久久精品夜色噜噜亚洲A∨
|