2013-07-10 74 views
0

我想在加載iframe時添加一些html和javascript代碼,以便在用戶瀏覽時通過iframe訪問其他鏈接。將代碼注入加載的iframe

我曾嘗試:

<script src="http://code.jquery.com/jquery-2.0.2.js"></script> 
<body> 
    <button id='button1' onclick="changecode()">Change Code</button> 
    <iframe id='iframe1' name='iframe1' src='http://example.in/Default.aspx'> </iframe> 
    <script type="text/javascript"> 
      function changecode(){ 
      $('#iframe1').contents().find('div.xyz').load('2.html'); 
      } 
    </script> 
</body> 

另一個JavaScript嘗試:

<script type='text/javascript'> 
    function changecode() { 
     document.frames('iframe1').document 
      .getElementById('ContentPlaceHolder1_UpdatePanel1').innerHTML='11'; 
    } 
</script> 
+1

http://stackoverflow.com/editing-help – SLaks

+0

如果代碼是SPECI對於在iframe中加載的頁面來說,爲什麼不把該代碼放在iframe中加載的文件的'script'標籤內。 –

+0

@DanyKhalife iframe的代碼可能無法提供給OP。這可能適用於GreaseMonkey腳本或者OP需要添加更多功能的外部頁面的iframe。 –

回答

1

負載事件將不會從文檔的一個HTML元素火,但你可以從框架連接的負載處理程序本身:

<script type="text/javascript"> 

    function changecode(){ 
     $('#iframe1').load(function() { 
      $(this).contents().find('div.xyz').html('11'); 
     }); 
    } 

</script>