在一个页面中塞满大量的HTML

Cramming tons of HTML in to one page

本文关键字:满大量 HTML 一个      更新时间:2023-09-26

我正在帮助设计一款与他人合作的游戏的HTML客户端。

这个客户端将需要有多个场景/页面,如登录,大厅,实际游戏页面等。

正常情况下,我可以在页面内和页面外导航。然而,客户端需要通过Websocket与服务器保持恒定的连接,因此它不能从页面导航出去。


选项1:将所有内容放入一个文件

与其将每个场景放在单独的页面中,不如将所有的HTML放在一起。

然后,当需要一个场景时,只需隐藏所有其他场景。

我不认为这种方式是正确的:从我对HTML和web实践的了解来看,这不是一个非常聪明的做法。


选项2:jQuery的.load()

使用jQuery的方便的.load方法,一个外部的HTML文件可以很容易地加载到当前的HTML文件。

对我来说,这似乎是最好的方法。然而,我不是很熟悉这个方法是如何工作的,所以我不知道这是否会在前面的道路上造成障碍。


选项3:??

这就是我需要帮助的地方。除非以上两种选择之一是最好的方式,那么对于我的情况,哪一种是最好的选择呢?


<标题> 指出
  • 我不是在这里寻找速度;如果加载之间有一些延迟是可以的。

不确定你的后端,但似乎你正在寻找一个单页应用程序解决方案。

我推荐AngularJS,目前由Google维护。

其他人都提到了Angular,但我还是推荐KnockoutJS。Knockout的学习曲线没有AngularJS那么陡峭,虽然它没有Angular那么多的特性,但最新版本确实有更好的浏览器支持。

Knockout和Angular的网站上都有优秀的文档和教程。

我推荐Angular 2。既然你看起来像是一个前端初学者(如果我错了请纠正我),那么从Angular 2开始会比1更好,因为这样你只需要学习一次这个真正优秀的JS框架。它将帮助你保持所有的东西都有条理,并防止你把你的标记弄乱。