html里怎么实现在同一框内，点击不同按钮显示不同内容？求高手指教

Question

如题所述

Answer 1

你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有，自己写一个，其实就是点击事件的冒泡。
<button type="button" data-target="#div1">显示id为div1的元素里的内容</button>
<button type="button" data-target="#div2">显示id为div2的元素里的内容</button>
为你的每个要点击的按钮加上data-target属性（这是HTML5的data-*特性），假设这些按钮的共同父元素是
#button-wrap

那么就可以这样用代理
$('#button-wrap').delegate('button[data-target]', 'click', function() {
// 获取存储在按钮上的作为 jQuery 选择器的 target 值
var target = $(this).data('target');
// 在 HTML5 中也可以是 var target = this.dataset.target
// 根据target指定的选择器，显示该元素
$(target).show();
});

Answer 2

这个应该是每块对应一个div，选择不同的按钮，显示对应的div，隐藏其他div本回答被提问者采纳

Answer 3

响应按钮的OnClick事件，如果是简单的内容，可以直接修改框对象的html属性，如果复杂，可以使用DIV显示隐藏，还可以修改src属性从服务器动态更新

Answer 4

用JS实现

Answer 5

js做到