根据url load()选择要加载的文档

时间:2012-05-30 01:15:08

标签: javascript load

你好我会先为我的英语道歉,我不擅长,但我希望我能在这里得到答案。

我有一个带load()功能的菜单,效果很好,但我有两个小问题。 为了解释它,我会举例说明。

我的菜单是这样的:

- 首页
 -Movies
  - 联系

当我点击电影时,它会加载movies.php,链接会如下所示:

www.server.com/#!/movies

这很好,因为我需要这样的链接,但是如果你将相同的链接复制并粘贴到浏览器,它会提供聋人数据,因此它没有加载movies.php,我需要在粘贴链接时www.server.com/#!/contact它有加载contact.php的div。

而且它只是我想要的一件小事,如何在load()向页面的其余部分收费时加载图片。

2 个答案:

答案 0 :(得分:0)

根据URL 维护页面的状态会很容易。

// Handle the `load` event for the page.
window.load = function() {

  // Get what follow the `hash` (#) from the URL.
  var hash = location.hash;

  // Compare and do your stuff.
  if (hash === '#!/movies')
    load('movies.php');
  ...
};

HTH(希望这有帮助)

答案 1 :(得分:0)

您所谈论的内容称为“路由”,从头开始并不容易发明。我建议使用类似Crossroads的内容来帮助您降低路由。 Crossroads是一个只做路由的图书馆。它允许您像想要的那样“深层链接”您的页面。像Backbone.js和Sammyjs这样的库允许您使用深度链接的相同类型的路由功能。

相关问题