一些(在我看来)复杂的东西

时间:2015-01-20 04:42:12

标签: javascript jquery html css

网站上的用户是否可以更改网页上的几乎所有内容。让我澄清一下: 所以,我想要一个系统,可能使用javascript,通过按键盘上的按钮(或数字,那部分无关紧要),人们可以更改整个页面,以便加载一个全新的步伐,但无需重新加载页面。整个其他页面将被编码并写在单独的html文档上,并使用主html正文中的链接标记,也许您可​​以隐藏第一页,并显示备用页面。如果你仍然可以理解,生病就这样说吧。

  1. 用户按下按钮
  2. Javascript解释这一点,并隐藏主要的第一页(可能包含在div标签中)
  3. 然后,(可能在不同的div中)html doc加载一个完全不同的html doc(使用link标签),而不重新加载页面。
  4. 只需按一下按钮,用户就可以看到完整的不同页面。

1 个答案:

答案 0 :(得分:1)

是的,是的,这是可能的。这就是单页应用程序的工作方式。在幕后,您正在查看对Web应用程序(或Web API)的Ajax调用。您将需要查看一个JavaScript框架,以使您的生活更轻松(最简单的jQuery,但对于您可能喜欢Ember或AngularJS的真实SPA),当然还有一个服务器应用程序,用您选择的语言来获取实际内容。

/ **编辑基于评论** /

有很多方法可以实现您的目标。根据他们适合的位置为您澄清一些事情。

大多数浏览器都运行JavaScript,这使您能够在不需要访问服务器的网页中编写行为。

Ajax是一个术语,指的是一种技术/体系结构模式,在这种模式中,浏览器中的JavaScript代码可以向服务器发出请求,而无需像您要求的那样进行整页刷新。执行此操作的“本机”方式因浏览器而异。事实上,很多事情因您所使用的浏览器而异,所以......

jQuery和其他JavaScript框架的发明是为了尝试并规范所有主流浏览器的编码体验,包括使Ajax更简单。它们通常也会使动画和网页修改等内容变得更加简单。

但是,如果你做了很多事情,你在jQuery中编写的代码可能会变得非常庞大且难以维护,程序员喜欢将事物组织成模式。其他库如AngularJS和EmberJS被发明用于提供构建客户端(基于浏览器)应用程序的更结构化方式。他们中的大多数都内置了很多工具,而且他们中的大多数都对你应该如何做事有很强烈的意见。至于哪个是“最好的”,这在很大程度上取决于个人偏好。作为一个初学者,我会说每个教程中的教程,看看你最喜欢哪一个。

希望有所帮助。