如何在html页面上制作常量脚本

Posted

技术标签:

【中文标题】如何在html页面上制作常量脚本【英文标题】:How to make a constant script on html page 【发布时间】:2018-01-16 16:52:00 【问题描述】:

我知道标题听起来有点奇怪,但下面会解释它,

我有一个带有 php 聊天脚本的网站,带有 javascript 计时器,每 5 秒刷新一次消息,这很烦人。

我打算改用nodejs,做一个实时聊天应用。

要将用户连接到服务器,我正在使用以下内容:

<script>
    var c = new WebSocket("ws://localhost:8001");
</script>

这个脚本在每个页面上都是必要的,用户可以保持连接,但问题是它每次都会创建一个新的 websocket,这对性能和加载时间很不利,我在 facebook 上注意到导航栏并且导航时聊天栏不会重新加载,那么如何实现呢?

提前致谢

【问题讨论】:

你知道如何设置一个窗口对象并全局分配给它吗? @HassanAzimi 不,我没有,你有任何关于它的文档/教程吗?感谢您的回复 【参考方案1】:

在 facebook 中使用 singl page application,当您点击任何内部链接时不会重新加载页面。 请参阅 Angular 或其他 spa 框架。

【讨论】:

感谢您的回复,根据您的回答,我将不得不重新编码大部分网站,对吧? 我认为如果您首先阅读html5 history api 会更好。可能对您来说,修改应用程序会比从头重写更容易。

以上是关于如何在html页面上制作常量脚本的主要内容,如果未能解决你的问题,请参考以下文章

如何在 A4 纸张大小的页面中制作 HTML 页面?

如何重新制作 html + vuejs 代码,使其在包含多个帖子的页面上工作?

如何在html页面上显示nodejs mysql结果?

如何给html页面添加动态等待效果

html页面作为一个小部件

即使在不同的 HTML 页面上或刷新页面时,如何继续以 HTML 格式播放相同的音乐