Оповещение об изменении URL-адреса iframe

Question

Этот скрипт запускается каждые 2 секунды и определяет, изменился ли URL-адрес iframe. Но я не могу заставить его работать. Я хочу предупредить, изменился ли URL iframe. Например, если кто-то щелкнет ссылку и перейдет на другую страницу в фрейме.

var prevSrc = "http://www.bodrumlife.com";
function check() {
var curSrc = $('#iframe').attr('src');
  if (curSrc != prevSrc) {
   alert("hobaa");
   prevSrc = curSrc;
   }
}

window.setInterval(check, 2000); // 2 seconds


<iframe id="iframe" name="iframe" src="http://www.bodrumlife.com"></iframe>

Answer 1

Если вы предпочитаете использовать JQuery ниже, используйте следующий синтаксис вместо использования half-jquery и стандартного javascript.

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

Хотя я не уверен, работает ли функция загрузки в Sarafi.Он поддерживается Firfox, IE и Chrome.

РЕДАКТИРОВАТЬ:

расширенный пример

    <script type="text/javascript">
        $(function () {
            var intialFrameSrc = "http://www.twiij.com";
            $("#iframeContentPanel").load(function () {
                if (intialFrameSrc != $("#iframeContentPanel").attr('src')) {
                    alert("the iframe has changed.");
                }
            });

            $("#btnChangeUrl").click(function () {
                $("#iframeContentPanel").attr("src", "http://m.smh.com.au/");
            });
        });

    </script>
        <iframe id="iframeContentPanel" name="iframeContentPanel" src="http://www.twiij.com" width="500"  frameborder="0" height="500" scrolling="no"></iframe>
<input type="button" id="btnChangeUrl" value="Change Url"/>