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

 我来答
好程序员
2018-06-27 · HTML5前端培训/大数据培训/Java
好程序员
好程序员是IT高端课程培训基地,从平凡到卓越,为梦想而拼搏。
向TA提问
展开全部
你有用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();
});
19...1@qq.com
2012-11-28 · TA获得超过365个赞
知道小有建树答主
回答量:396
采纳率:100%
帮助的人:314万
展开全部
这个应该是每块对应一个div,选择不同的按钮,显示对应的div,隐藏其他div
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友349d18b
2012-11-28 · TA获得超过444个赞
知道小有建树答主
回答量:571
采纳率:50%
帮助的人:371万
展开全部
响应按钮的OnClick事件,如果是简单的内容,可以直接修改框对象的html属性,如果复杂,可以使用DIV显示隐藏,还可以修改src属性从服务器动态更新
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
洲如巴b
2012-11-29
知道答主
回答量:21
采纳率:0%
帮助的人:8.1万
展开全部
用JS实现
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
very_hello
2012-11-28
知道答主
回答量:63
采纳率:0%
帮助的人:25.1万
展开全部
js做到
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式