HTML5服务器端事件-显示
HTML5 Server Side Events - display
我正在看这个http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_sse教程,并有一个关于数据显示的问题。现在,新数据总是在下一行显示,我想知道如何在第一行显示新数据,在下一行显示以前的数据(反转)。请让我知道,如果任何代码样本,将是伟大的
不像那样在结果div
内容中添加新数据…
document.getElementById("result").innerHTML += event.data + "<br>";
…我们用新数据和旧数据替换结果div
内容。
document.getElementById("result").innerHTML = event.data + "<br>" + document.getElementById("result").innerHTML;
你可以把它粘贴到他们的试用窗口,看看它是否有效。
<!DOCTYPE html>
<html>
<body>
<h1>Getting server updates</h1>
<div id="result"></div>
<script>
if(typeof(EventSource) !== "undefined") {
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("result").innerHTML = event.data + "<br>" + document.getElementById("result").innerHTML;
};
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>
</body>
</html>
相关文章:
- Twtitter Bootstrap模式显示事件多次触发
- knightlab timeline js-如何在不重叠的情况下显示事件
- 如何在jquery mobile中检测回按时的页面显示事件
- JQuery Mobile,通过window.location重定向可阻止页面显示事件
- 如何将隐藏/显示事件延迟到提交后Iframe加载
- 谷歌日历订阅源未显示事件
- 完整日历提前 1 小时显示事件
- jQuery 移动页面显示事件未在第一页上触发
- 从引导选项卡捕获“显示”事件
- 显示事件序列的 Javascript
- 引导选项卡显示事件仅在第一次触发,而不会在第二个或以后的选项卡开关上触发
- 在全日历.js中显示事件时出现问题
- Angularjs Full Calendar不显示事件
- 在显示事件后替换 CKEditor 对话框中的元素
- 完整日历无法显示事件
- fullcalendar事件源不再显示事件
- 如何在jQuery或javascript中显示事件描述的前200个字符
- FullCalendar 2.1.1不显示事件
- fullCalendar.js:按选定日期显示事件
- 完整日历不显示事件在相同的顺序在json中给出