js怎么实现点击不同的按钮,示不同的内容

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-08-22
js怎么实现按钮之间的切换,所显示的不同内容。

click后根据原先按钮的值,赋不同的值就OK拉
也可以使用jQuery的toggle(fn,fn)函数

每次点击后依次调用函数。
如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。

1、项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果;

2、退出全屏;

3、事件监听。

你有用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();
});


  • 如何用JS或JQ实现点击不同的按钮出现不同的层内容
    答:因为span1的display原始属性是block,所以打开页面会显示span1的内容。选择不同单选按钮时,会调用不同的js方法,改变各个span的display值,来控制显示不同的内容。
  • js怎么实现三个按钮点击那个那个更换样式
    答://左边按钮的点击事件 window.onload = function(){ var arr = document.getElementsByTagName('button');for(var i = 0;i<arr.length;i++){ arr[i].onclick = function(){ //this是当前激活的按钮,在这里可以写对应的操作 if(this.className == 'btn1'){ this.className = 'btn2';...
  • js怎么实现点击不同的按钮,示不同的内容
    答:你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有,自己写一个,其实就是点击事件的冒泡。显示id为div1的元素里的内容显示id为div2的元素里的内容为你的每个要点击的按钮加上data-target属性(这是HTML5的data-*特性),假设这些按钮的共同父元素是 button-wrap那么就可以这样用代理 ('#bu...
  • js怎么实现按钮之间的切换,所显示的不同内容。
    答:click后根据原先按钮的值,赋不同的值就OK拉 也可以使用jQuery的toggle(fn,fn)函数 每次点击后依次调用函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用...
  • JS关于选择不同单选按钮跳转不同页面
    答:提交按钮 JScript code function checks(){ var radios=document.getElementsByName("radio1");for(var i=0;i<radios.length;i++){ if(radios[i].checked==true && button.check==true){ window.location.href="login.jsp?backurl="+window.location.href;} } } 记得给分~~
  • js循环5个按钮,实现点击每个按钮弹出对应的颜色(红黄粉 绿蓝)_百度...
    答: function f(n){ switch(n){ case 0:alert("红");break;case 1:alert("黄");break;case 2:alert("粉");break;case 3:alert("绿");break;case 4:alert("蓝");break;} }
  • javascript中实现按不同按钮跳转到不同页面
    答:DOCTYPE HTML>pro.htmlvar guys = function (val) {var form = document.form;if (val == '修改') { form.action = '修改.html'; }else if (val == '删除') { form.action = '删除.html'; }else if (val == '返回') { form.action = '返回.html...
  • js实现五个按钮,点击每个按钮屏幕背景变成特定的每个颜色(红黄粉绿蓝...
    答:<!DOCTYPE html>Documentredyellowpinkgreenbluefunction color (c) {document.body.style.backgroundColor=c;}
  • 用js写 有六个按钮点击按钮会变色 然后其他按钮恢复原来的颜色
    答:可以使用js的css方法实现点击按钮会变色,然后其他按钮恢复原来的颜色。具体步骤如下:需要准备的材料分别是:电脑、浏览器、ultraedit。1、在ue编辑器中新建一个空白的html文件,js文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下js代码。4、编辑完成以后,在ue编辑器中点击保存,格式...
  • ...DIV 有三个按钮。 点不同的按钮 DIV 背景图不一样。怎么做到?
    答:可以用js控制,点击不同的按钮,div的背景不同,不知道是不是你所需要的,如下:(function(){ ("#btn1").click(function(){ ("#div").css ("background","url../img/img1.png)");});("#btn2").click(function(){ ("#div").css ("background","url../img/img2.png)");});...