Question

什么是基于标签的浏览的最佳方法？每个人的利弊？

我试图实现一个所有导航都基于标签的页面;我想要一种侧面菜单/抽屉，顶部有一个标题（标识的简单栏），然后屏幕的剩余部分是根据所选项目（标签）填充的容器。

我可以全部设置，但如何在该内容视图中有效加载每个不同的页面？我很快就尝试使用jQuery隐藏/显示每个<div>，但它有点带来谷歌地图和我正在使用的其他js库的问题。

还试过load()，但我记得它也给我带来了一些麻烦。是否应该将所有内容都包含在一个页面或不同的页面中，并将每个页面加载到<div>（框架？不知道关于＆＃39; em）？

Answer 1

每个人都会偏好如何创建单页应用。我正在使用angularjs，因为我想为我的数据提供双向绑定过滤功能。 angularjs控制页面添加和删除的一种方法是使用ng-view

<div ng-view id='ChgViewSection'></div>

<div>为空。通过更改URL（不重新加载页面）来添加或删除内容，然后触发一些代码。代码中有一个名为$routeProvider的东西，路由指定要放入DIV元素的内容。

我更改了网址：window.location.href

function mainMenuChg(argPage) {
  //console.log('argPage: ' + argPage);

  window.location.href = "#" + argPage;
};

要创建自己的页面路由，而不使用任何框架，您需要一种从文件中检索HTML内容的方法。您可以将所有内容放在一个HTML文件中，然后隐藏和显示部分，但这会让人感到困惑，试图找出哪些HTML进入哪个页面。因此，您需要一种方法将每个页面分成它自己的文件，然后检索内容。

在更改页面的同时更改URL，允许用户共享指向特定页面的链接。因此，如果您希望用户能够宣传特定的页面内容，那就是您所需要的。