日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱 

  
      
    

      

	
      
		
      
			
      
				
      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)系，我們立即更正或刪除。
      
      
    
      
    
      
        藍藍設計( m.jjddy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
    
      

      				
      
								
			
      
		
      
		
		
	
      


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