是否可以使用CSS以类似于框架的方式更新HTML页面的某些部分？

Question

是否可以使用CSS像框架一样工作？

我的意思是，当我们使用框架（例如，左，右）时，单击左将使用'target'属性仅刷新右部分。

是否可以使用CSS创建此效果？

谢谢。

Answer 1

使用框架通常不是一个好主意

要回答您的问题，不， CSS不能像frame那样工作 。 CSS用于更改HTML的样式，因此实际上不能更改页面的内容。 它可以用来隐藏内容，但是我认为这不是您所需要的。

但是，我觉得在这种情况下， 您可能会问错问题 。 由于帧通常是错误的方法。

在开始进行网页设计时， 框架似乎是个好主意 。 您可以将导航与内容分开，因为不会每次都加载导航，并且菜单始终可见，即使在加载页面时，您的站点也会更快加载。

但是， 实际上，框架对您的可用性不利 。

• 您的用户无法为单个页面添加书签
• 打印坏了
• 浏览器中的标准功能（例如在新标签页中打开）通常会中断
• 用户无法复制/粘贴特定页面的网址以发送给朋友

相框确实有其用途（例如Google图片搜索），但是不建议使用标准导航菜单。 尝试使用动态服务器语言（例如PHP或ASP.NET）创建页面。

这些语言具有创建标准元素（如导航菜单）而不使用框架的方法。

Answer 2

不，这与CSS无关。 CSS仅用于样式元素。 您正在寻找的是一个IFRAME。 IFRAME可以命名

<iframe name="my_iframe" src="xyz.htm"></ifram>

然后在链接中定位。

Answer 3

我有一个设计依赖于使用CSS的框架内容。 您可以通过使用overflow:auto来做到这一点，但是它不会做您想要的事情，即加载页面的某些部分。 为此，您需要使用jQuery之类的AJAX库来动态加载内容区域。 但是，这很危险，因为您的URL可能与页面的当前内容无关。

Answer 4

您可能会对CSS的溢出部分做些什么。

如果您设置了带有overflow：auto的div，它具有固定的宽度和高度以及很多内容，则您将获得滚动条。 潜在地，您可以使用锚点获取要在div中查看的内容。

这意味着您所有的内容都在一个页面中，并且仅随锚一起移动。 您也可以使用jquery标签插件来做类似的事情。

我从来没有尝试过，它可能需要JavaScript才能使其完全正常工作。