HTML如何在页面之间转换

时间:2017-02-09 19:38:14

标签: html

我目前正在尝试在网站上的网页之间进行转换。

例如:如果用户在www.example.com/About上,并且他们点击了链接转到www.example.com/Contact,那么about页面会飞到左边,而联系页面会飞在右边。

到目前为止,我在网上找到的就是如何在带有主题标签的同一页面上执行此操作。但我想用单独的页面来做这件事。

有可能吗?
如果不是有替代方法,怎么做?

更新

好的,所以我做了一些研究,我发现这个名为barba.js(http://barbajs.org)的东西似乎正在寻找我正在寻找的东西。所以我按照网站上的说明安装了js脚本文件......它没有用!它所做的只是没有正确加载我的页面,并没有做它应该做的事情。任何人都知道如何使用它(或者如果有比barba.js更好的选项)。

-Thanks!

2 个答案:

答案 0 :(得分:0)

我认为你不能用纯粹的HTML和& js,当你每次点击一个链接时加载整个页面,如果它不是一个锚点。

但是,您只能加载页面的一部分,因此应用您选择的转换与Ajax和js

但最终,您不会真正从一个页面切换到另一个页面,而只会加载要更新的部分。这与Angular,React等现代前端框架的工作方式大致相同

这是一个纯粹的js示例http://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first

这是一个jQuery示例http://www.w3schools.com/jquery/ajax_ajax.asp

答案 1 :(得分:0)

您所说的是页面转换,它通常发生在没有硬刷新的SPA(单页应用程序)中。

如果您不在SPA应用程序中工作,我认为您无法通过链接/按钮单击从一个页面移动到另一个页面,并且会发生硬刷新。

您可以选择angularjs jvascript和us ui-router中着名的spa / mvc框架之一,从一个页面移动到另一个页面。还有很多其他你可以探索的。

相关问题