iFrame onload JavaScript 事件

Question

我有一個 iFrame，我想在加載后發送一個 JavaScript 命令。 我當前的代碼如下所示：

<iframe src="http://www.test.tld/" onload="__doPostBack('ctl00$ctl00$bLogout','')">

但是使用此代碼，不會執行該命令。 我必須改變什么才能使它工作？ 只需要支持 Chrome 和 Firefox。

Answer 1

使用 JavaScript 的 iFrame 的.onload函數：

<iframe id="my_iframe" src="http://www.test.tld/">
    <script type="text/javascript">
        document.getElementById('my_iframe').onload = function() {
            __doPostBack('ctl00$ctl00$bLogout','');
        }
    </script>
    <!--OTHER STUFF-->
</iframe>

Answer 2

 document.querySelector("iframe").addEventListener( "load", function(e) { this.style.backgroundColor = "red"; alert(this.nodeName); console.log(e.target); } );

 <iframe src="example.com" ></iframe>

Answer 3

你的代碼是正確的。 只需測試以確保它被調用如下：

<script>
function doIt(){
  alert("here i am!");
  __doPostBack('ctl00$ctl00$bLogout','')
}
</script>

<iframe onload="doIt()"></iframe>

Answer 4

更新

從 jQuery 3.0 開始，新語法只是 .on：

在這里看到這個答案和代碼：

$('iframe').on('load', function() {
    // do stuff 
});