使用 javascript 在页面内加载新的 HTML 片段
我知道这是一个我可以通过“innerHTML”中的巨大列表来解决的问题，但必须有更好的方法。 我正在制作一个带有“搜索”和“浏览”部分的网页，这两个部分都是索引页面顶部的大按钮。我有 search.html 和 browser.html，但我希望它们的内容加载到索引页面上的“主”div 中，而不是打开它们自己的页面。我应该能够在“搜索”和“浏览”之间快速单击，并在索引页面内来回加载它们的不同页面。希望这是有道理的。我之前尝试过使用框架的解决方案，但它对我不起作用。
任何建议将不胜感激。 谢谢！
I know this is a problem I could solve with a huge list in "innerHTML", but there's got to be a better way.
I'm making a webpage with a "search" and "browse" section, both are big buttons at the top of the index page. I have search.html and browse.html, but I want their contents to load in my "main" div on the index page rather than open their own pages. I should be able to quickly click between "search" and "browse" and have their different pages load back and forth inside the index page. Hopefully that makes sense. I was trying a solution with frames before, but it wasn't working for me.
Any advice would be greatly appreciated.
Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用选项卡或类似的东西： http://jqueryui.com/demos/tabs/
You can use tabs or something like that: http://jqueryui.com/demos/tabs/
大多数 JavaScript AJAX 库（例如 jQuery）都内置了此功能 - 对于 jQuery，load 方法。
但请记住，像这样的“技巧”会破坏用户的浏览器可用性（后退按钮损坏、无法设置书签等）。可以解决这个问题，但这会带来额外的工作。
Most JavaScript AJAX libraries such as jQuery have this built-in - in case of jQuery the load method.
However keep in mind, "tricks" like this destroys the browser usability for your users (broken back button, not possible to set bookmarks, etc.). It's possible to work around, but that makes extra work.