Question

This script alerts when the content of iframe has changed. But unfortunetly, it alerts when the first page load also. So how can I get this work only after first page load ?

$(function(){
$('#iframe').load(function() {
    alert("the iframe has changed.");
});
});

Answer 1

You can simply use a counter variable to keep track of how many times it’s been previously loaded and then act accordingly based on the count.

$(function(){
var loadCnt = 0;
$('#iframe').load(function() {
    if (loadCnt > 0) {
         alert("the iframe has changed.");
    }
    ++loadCnt;
});
});