A,B两个页面，A里面用iframe包含B，现在在A里面要取得B里面一个Hidden控件的value...

转载 于 2009-01-11 01:18:00 发布 · 83 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/devbar/archive/2009/01/11/1373551.html
文章标签：

#javascript #ViewUI

本文通过一个具体的示例展示了如何使用JavaScript操作IFrame中的元素。在a.html中定义了一个按钮，点击后能获取到IFrame页面b.html内隐藏输入框的值，并弹窗显示出来。此案例涉及到了跨文档边界的内容访问方法。
a.html
HTML code 
<html>
<head>
</head>
<script language="javascript">
function test(){
alert(document.getElementById("f1").contentWindow.document.getElementById("text1").value);
}
</script>
<body>
<h1>a.html</h1>
<input type="button" value="test" onclick="test()">
<br>
<iframe id="f1" src="b.html"></iframe>
</body>
</html>






b.html 
HTML code



<html>
<head>
</head>
<body>
<h1>b.html</h1>
<input type="hidden" id="text1" value="abcdefg"/>
</body>
</html>





转载于:https://www.cnblogs.com/devbar/archive/2009/01/11/1373551.html

                

        




    

    
  



    



            

  



          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值