<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • 

    

    <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 

  
      
    

    

	
    
		
    
			
    
				
    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
    
    
        分享此文一切功德，皆悉回向給文章原作者及眾讀者.
    
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
    
    
    
    
    
    
        藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
    
    

    				
    
								
			
    
		
    
		
		
	
    


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

    

    


  
 





主站蜘蛛池模板：
国产精品videossex白浆|
蜜臀AV无码国产精品色午夜麻豆|
国产99精品一区二区三区免费|
人妻精品久久无码区|
久久精品国产99久久久香蕉|
午夜精品免费在线观看|
亚洲国产精品乱码一区二区
|
精品人体无码一区二区三区|
久久96国产精品久久久|
精品亚洲国产成AV人片传媒|
伊人久久综合精品无码AV专区|
免费精品久久久久久中文字幕
|
国产精品日韩欧美久久综合|
国产精品特级毛片一区二区三区|
欧美亚洲综合免费精品高清在线观看|
99久久亚洲综合精品网站|
国产精品视频一区二区三区|
国产成人精品999在线观看|
久久水蜜桃亚洲av无码精品麻豆|
亚洲精品无码av天堂|
欧美精品免费专区在线观看|
精品人妻少妇一区二区|
国产精品99精品视频网站|
99热这里只有精品国产66|
亚洲精品无码不卡|
四虎国产精品免费久久5151|
久久精品国产亚洲网站|
国产精品久久久久久久|
国产成人精品福利网站在线|
精品国产一区二区三区不卡|
精品一区二区三区东京热|
国产午夜精品一区二区三区漫画|
国产精品亚洲片在线观看不卡
|
日韩精品一区二区三区中文|
欧美午夜精品久久久久免费视|
亚洲国产精品无码AAA片|
亚洲AV第一页国产精品|
久久久久人妻精品一区|
国产精品免费无遮挡无码永久视频
|
无码人妻精品一区二区|
老司机性色福利精品视频|