更新页面的特定区域，而不重新加载整个页面
更新页面的特定区域，而不重新加载整个页面
提问于 2011-09-06 14:27:19
我想如果你先看看我的网站会更容易理解：http://www.10winstreak.com/
主内容区域是来自Own3D.tv的流，它只是一个iframe (第342行)。我的目标是，如果我单击右侧的特定流，iframe将加载相应的流，左侧栏(Last 10 Matches)也将加载相应的数据。例如，如果我单击右侧的"Bei's Stream“，iframe将显示Bei的流，而左侧栏显示当前正在显示的内容。但是当我点击"Roy Killany's Stream“时，iframe会加载那个特定的流，左边的栏会填充另一组已定义的数据。
我想我可以通过为每个流创建单独的页面并复制页面布局来实现，这样用户就会有停留在同一页面的错觉，但我想学习正确的方法。到目前为止，我的研究告诉我ajax可能是最好的选择，但我想知道是否有一种纯PHP甚至HTML\CSS的方法来实现这一点？
谢谢!
Stack Overflow用户
发布于 2011-09-06 14:37:47
通过设置框架的名称并将链接目标指向该框架，您只需使用HTML即可完成此操作：
<a href="somepage" target="myframe">My Link</a>
<iframe name="myframe" src="defaultpage"></iframe>但这不会让你在点击时改变链接，以显示它就是被点击的那个。您也可以使用jQuery，它可以让您更改链接以显示其已被点击。有关jQuery的更多信息，请查看他们的主页(www.jquery.com)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7315710
复制相关文章
相似问题
腾讯云开发者
