HTML SSE或PHP SSE . innerhtml显示顺序


HTML SSE or PHP SSE .innerHTML display order

我正试图将最新的消息拉入页面顶部。目前,每次有新消息进来时,最新的消息都在下面。

<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("sse/lup.php?");
source.onmessage=function(event)
{
document.getElementById("lup").innerHTML+=event.data;
};
}
else
{
document.getElementById("lup").innerHTML="Sorry, your browser does not support server-sent     events...";
}
</script>

试试这个。

<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("sse/lup.php?");
source.onmessage=function(event)
{
document.getElementById("lup").innerHTML= event.data + document.getElementById("lup").innerHTML;
};
}
else
{
document.getElementById("lup").innerHTML="Sorry, your browser does not support server-sent     events...";
}
</script>

或粘贴完整的html代码在这里。

您可能想要做这样的事情…

source.onmessage=function(event)
{
   var html = document.getElementById("lup").innerHTML;
   document.getElementById("lup").innerHTML = event.data + html;
};