HTML SSE或PHP SSE .innerHTML显示顺序

Question

我正在尝试将最新消息放入页面顶部。目前，每当有新消息进入时，最新消息都会在下面显示。

<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>

Answer 1

你可能想做类似的事情......

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

Answer 2

试试这个。

<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代码。