Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过Javascript添加上述内容后,发现内容已完全加载_Javascript_Ajax - Fatal编程技术网

通过Javascript添加上述内容后,发现内容已完全加载

通过Javascript添加上述内容后,发现内容已完全加载,javascript,ajax,Javascript,Ajax,我正在实现(通过纯JavaScript)类似facebook的消息加载。这意味着,如果滚动到页面末尾,新(HTML)内容将加载并添加到页面末尾。我通过Ajax获得这些额外的内容。但是当我将这个(HTML)添加到页面时,可能意味着页面必须加载额外的图像。是否有办法确定页面何时完成加载所有内容,从而包括所有新图像?您可以将加载事件()添加到附加元素中: function LOADER_FUNCTION(e) { console.log("LOADED", e.target); } var e

我正在实现(通过纯JavaScript)类似facebook的消息加载。这意味着,如果滚动到页面末尾,新(HTML)内容将加载并添加到页面末尾。我通过Ajax获得这些额外的内容。但是当我将这个(HTML)添加到页面时,可能意味着页面必须加载额外的图像。是否有办法确定页面何时完成加载所有内容,从而包括所有新图像?

您可以将
加载事件()添加到附加元素中:

function LOADER_FUNCTION(e) {
   console.log("LOADED", e.target);
}

var element = document.querySelector('#parent');
for(i=0; i<element.childNodes.length; i++) {
   element.childNodes[i].addEventListener('load', LOADER_FUNCTION);
}


您使用的是jQuery还是纯JS?这在我这边似乎不起作用。。。这就是我所做的:(试图在这里插入代码,但我似乎不明白如何用代码添加注释…)您是否将事件附加到每个附加的元素?意思是孩子的每个孩子。这可能是一个相当昂贵的操作,但可以完成。e、 g.这里有一个fiddle,通过在元素@Zippy1970中选择“*”(所有子项和嵌套子项),您可以在JSFIDLE中添加代码并将其发布到注释中。(它不必运行)是的,我将它附加到每个元素。但从未调用LOADER_函数。