我是bootstrap css的新手。
我有一个包含我的菜单列表的左侧div，我想在用户点击该链接时打开右侧div中的页面。我遇到的许多链接都使用了我不使用/打算使用的框架。
这是我的代码：
我的左侧面板中有这个
<li><a href="abc.html" target="targetPanel">Click me</a></li>
我有<div id="targetPanel" class="col-md-9"></div>
当然，代码无法按预期工作，并将我的页面打开到新选项卡中。有什么方法可以在右侧div打开它吗？
注意：我没有使用任何框架或任何其他支持，如PHP，JSP等。我应该只使用纯HTML。
答案 0 :(得分：3)
使用纯HTML执行此操作的唯一方法是使用iframe：
<div class="col-md-9"><iframe src="about:blank" name="targetPanel" style="width:100%;height:500px;"></iframe></div>
链接的target属性将引用iframe的名称，因此链接应在该iframe内打开。注意：我为iframe使用了500px的固定高度，您需要根据需要调整高度。您还可以找到可以根据内容调整iframe大小的javascript片段（虽然有一些限制）。
AJAX是另一个选项，它将涉及在链接上设置一个取消默认行为的单击处理程序，而是在URL上执行异步GET请求，然后解析返回的数据并将其注入div。但是，对于该方法有许多警告，除了<body>标记的内容之外，您必须删除除注入它之前的所有内容以及注入的＆＃34;文档＆＃34;将继承/受页面上任何样式的影响。