Javascript 加载时将代码注入到iframe中_Javascript_Jquery

Javascript 加载时将代码注入到iframe中

javascript jquery

Javascript 加载时将代码注入到iframe中,javascript,jquery,Javascript,Jquery,我想在iframe加载时添加一些html和javascript代码，这样，当用户浏览时，它将通过iframe转到其他链接我试过： <script src="http://code.jquery.com/jquery-2.0.2.js"></script> <body> <button id='button1' onclick="changecode()">Change Code</button> <ifram

我想在iframe加载时添加一些html和javascript代码，这样，当用户浏览时，它将通过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>


更改代码
函数changecode（）{
$（'#iframe1'）.contents（）.find（'div.xyz'）.load（'2.html'）；
}

另一个javascript尝试：

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


函数changecode（）{
document.frames（'iframe1'）。document
.getElementById（'ContentPlaceholder 1_UpdatePanel1'）。innerHTML='11'；
}

加载事件不会从文档的html元素触发，但您可以从框架本身附加加载处理程序：

<script type="text/javascript">

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

</script>


函数changecode（）{
$（'#iframe1'）。加载（函数（）{
$（this.contents（）.find（'div.xyz'）.html（'11'）；
});
}

如果代码特定于正在加载到iframe中的页面，为什么不将该代码放入正在加载到iframe中的文件的

脚本

标记中。@DanyKhalife iframe的代码可能对OP不可用。这可能是针对GreaseMonkey脚本或具有OP希望添加更多功能的外部页面的iframe大卫斯塔基啊，是的，当然，说得好