javascript监听页面内容已更新

由于今天ajax被广泛使用，许多页面内容被异步加载。在所有的DOM被加载后，有什么方法可以知道加载的东西？例如，整个页面被加载，但有些图像是由new image()创建/加载的，我怎么能通过javascript知道在网页中发生的这些变化？任何事件都可能有用？javascript监听页面内容已更新

来源

2011-05-05 icespace

已经提到的突变事件应该可以做到。如果使用jQuery，你可以做这样的事情与“DOMSubtreeModified”突变事件：

$(document).ready(function() { 
    $('body').bind('DOMSubtreeModified', 'test', function() { 
     alert('something changed'); 
    }); 

    $('#some-button').click(function() { 
     $('body').append('<h4>added content</h4>'); 
    }); 
});

任何内容的变化会显示警告框。在这个例子中，当点击一个ID为“some-button”的按钮时，内容被添加到主体并显示警报。突变事件提供了一些更具体的事件类型，我所展示的事件可能是最一般的。

来源

2011-05-05 05:55:34 Glav

这就是我希望，非常感谢。 – icespace 2011-05-05 06:21:59

有一些突变事件：http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MutationEvent

onsubtreemodified
onnodeinserted
onnoderemoved
等
看这里：https://developer.mozilla.org/en/DOM_Events

来源

2011-05-05 05:41:03 wong2

太棒了！我会先阅读文章。谢谢 – icespace 2011-05-05 05:48:17

下面是一个代码块可以帮助： -

<script> 
    var img = new Image(); 
    img.src = "http://static.yourwebsite.com/filename.ext"; 
    img.onreadystatechange = function(){ 
     if((img.readyState == "complete") || (img.readyState == 4)) { 
      alert("Image loaded dynamically!"); 
     } 
    }; 
</script>

您必须更改图片来源。事件onreadystatechange将帮助您了解图像是否已加载。 readyState必须是由AJAX发送的complete或4，如果我在提取页面时没有弄错。

，或者您可能与

<script> 
    var img = new Image(); 
    img.src = "http://static.yourwebsite.com/filename.ext"; 
    img.onload = function(){ 
     alert("Image loaded dynamically!"); 
    }; 
</script>

信用去上面的代码：http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

在这一段代码中，我们使用onload事件来触发图像负载

希望这有助于。如果这有帮助，请将其标记为答案！：D

Cheers

来源

2011-05-05 05:41:48

对我来说不好的是，我不知道有没有这样的东西会被添加到网页中:(但是它还是很好的知道。非常感谢你！ – icespace 2011-05-05 05:47:37

提到不是，很高兴帮助你 – 2011-05-05 05:48:58

javascript监听页面内容已更新

回答

相关问题