js类似onoff按钮_jsp或者js通过数据库状态改变按钮的开与关

① 在js 文件中写代码使得html点击图片变成另一幅图片

<div><imgsrc="images/pot1.png"width="45"height="45"></div>
<script>

varoImg=document.getElementById('img');

varonOff=true;

oImg.onclick=function(){
if(onOff){
oImg.src='images/pot2.png';
onOff=false;
}
else{
oImg.src='images/pot1.png';
onOff=true;
}
};
</script>

② jsp或者js通过数据库状态改变按钮的开与关

页面打开时：
1、读取数据库的值

例如有个Model Site 属性有个WSN

则
if(Site.WSN==1){
HidWSN.Text = "1"; //HidWSN为前回台答的一个隐藏控件
}

前台
<Script type="text/javascript">
if($("#HidWSN").val()=="1"){
$(".wsn-onoffbtn").css("backgroundPosition","-230px -270px")
}else{
$(".wsn-onoffbtn").css("backgroundPosition","-230px -300px")
}

</Script>

③ 这段js文本展开收缩代码默认是展开的，怎么设成默认是收缩的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#div1 {width: 400px; background: lightblue; margin: 0 auto;}
</style>
</head>
<body>
<div id="div1"> 说真的这届美国队甜瓜和欧文才是真大腿，每到要分、硬仗的时候没怂过，欧文的特点摆在这里，正是这种特点才让他取得现在的成就，欧文在场上现在出球速度并不慢关键是其他人真的没有什么得分、串联的能力啊，就像我在其他帖子里说的，这只球队不缺得分手，缺少的是一名轴心，组织者，要是保罗、老詹、哈登来其一都可以让进攻流畅起来，总之，这个锅不应该欧文来背。
<a href="javascript:;">>>收缩</a>
</div>
</body>
<script type="text/javascript">
var oDiv=document.getElementById('div1');
var oA=oDiv.getElementsByTagName('a');
var onOff=false;
var old='';
old=oDiv.innerHTML;
oDiv.innerHTML=oDiv.innerHTML.substring(0,20)+'......<a href="javascript:;">>>展开</a>';
oA[0].onclick=function move()
{
if(onOff)
{
onOff=false;
old=oDiv.innerHTML;
oDiv.innerHTML=oDiv.innerHTML.substring(0,20)+'......<a href="javascript:;">>>展开</a>';
oA=oDiv.getElementsByTagName('a');
oA[0].onclick=move;
}
else
{
onOff=true;
oDiv.innerHTML=old;
oA=oDiv.getElementsByTagName('a');
oA[0].onclick=move;
}
}
</script>
</html>

④ js的计时器重复点击开始计时如何清除上一次的计时器

点击开始计时时先调用停止计时函数和重置函数再调用开始计时函数就可以了。

<!DOCTYPEhtml>
<html>

<head>
<metacharset="utf-8">
<title>计时器</title>
<scripttype="text/javascript">
varc=0;
vart;
varonOff=true;

functiontimedCount(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

functionstopCount(){
clearTimeout(t);
}

functioncs(){
c=0;
document.getElementById('txt').value=0;
}
</script>
</head>

<body>
<form>
<inputid="btn1"type="button"value="开始计时"onclick="stopCount();cs();timedCount();">
<inputtype="text"id="txt">
<inputtype="button"value="停止计时"onclick="stopCount()">
<inputtype="button"value="重置"onclick="cs()">
</form>
<p>当点击“开始计时”的按钮时，从0开始一直进行计时，当点击“停止计时”按钮时停止计时。</p>
</body>

</html>

⑤ onoff鏄浠涔堥敭

onoff鏄寮鍏抽敭锛宱n鏄鎵撳紑锛宱ff鏄鍏抽棴锛屾槸寰堝父瑙佺殑鎸夐挳锛屼笉浠呭湪姹借溅涓婏紝鍦ㄥ緢澶氭棩甯镐娇鐢ㄧ殑鐢靛櫒閮戒細鐪嬪埌銆傚湪骞虫椂鐢ㄨ溅鏃讹紝涓鎺у彴涓婃湁浜涙寜閽鏄涓嶈兘闅忎究涔卞姩鐨勶紝渚嬪俥spoff鎸夐敭锛岃繖涓鎸夐敭鏄鐢靛瓙杞﹁韩绋冲畾绯荤粺鐨勫叧闂鎸夐敭锛岄暱鎸夊彲浠ュ叧闂鐢靛瓙杞﹁韩绋冲畾绯荤粺锛屽湪鍏璺涓婅岄┒锛屽叧闂瀹冩槸闈炲父鍗遍櫓鐨勩傚父瑙佹寜閿鐭ヨ瘑锛歋EL閿鏄鑿滃崟閫夋嫨纭璁ゆ寜閽锛屽湪澶氬姛鑳芥柟鍚戠洏涓婏紱AC閿鏄鍘嬬缉鏈哄紑鍏筹紝涔熷氨鏄绌鸿皟鍒跺喎寮鍏筹紱MUTE鏄闈欓煶鎸夐挳锛屽彲浠ヤ竴閿闈欓煶锛汳ODE鏄鍒囨崲妯″紡鎸夐挳銆

⑥ js实现点击关注按钮，变成取消关注；如果是取消关注，就会变成点击关注

看看效果吧，收藏文章，鼠标移入颜色加深，点击变成“已收藏”，再次移入鼠标就有“取消收藏”，如果点击就会再变为“收藏文章”了

⑦ javascript 布尔值表达式流程是什么

1、if的括号里，一定是一个布尔值，只可以是true或false，但这个布尔值可以是表达式计算结果。你常见的if(a == b)实际上如果a和b是相等的，首先还是变成if(true)，如果括号里直接就是if(true)，这是很正常的，因为如果if的括号里是true，就执行if段，否则就执行else段。

2、正因为if(true)会执行if段，所以在if段把onOff变成false，以便让它执行else段；在else段让onOff变成true，如此反复循环，就变成了一下执行if，一下执行esle。

3、window.onload是一个事件，它会在页面中所有元素都加载完成的时候触发这个事件。并不是说浏览器会一直循环等待事件触发，而是浏览器感知你的一切操作，当某个操作进行时，它再去触发这个事件，并执行给这个事件绑定的函数。就好像你告诉网络，“有人回答这个问题就通知你一下”，这个就是一个事件，并不需要你不停的来看看是否有人回答，而是有人回答完之后，网络会去告诉你，而网络也不需要一直看是否有人回答，只需要在我回答的时候，自动感知有人回答，然后再自动去告诉，比如发个通知。

4、函数的作用域是可以嵌套的，aa函数的作用域大于bb函数的作用域，所以bb函数可以用aa函数的，因为它知道它的上级可以给它提供这些变量。但是aa却不能使用bb中的变量，因为它无法预知bb中是否有这个变量，这是比较俗的讲法。实际上js作用域问题是一个很大的问题，在这里根本无法三言两语讲清楚。你要是真想知道，还是专门去多找几篇关于js作用域的博客看看，收获会很大。

⑧ switch开或关显示怎么通过js动态设置改变

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="UTF-8">
		<title></title>
	</head>
	<body>
		<scripttype="text/javascript">
			varonoff=0;
			vartsm=0;
			varts=0;
			varxx;
			functiontestSwitch(){
				if(onoff==0){
					onoff=1;
					document.getElementById("switch").value="点击暂停";
					timmerA();
				}else{
					document.getElementById("switch").value="点击开始";
					clearTimeout(xx);
					onoff=0;
					document.getElementById("showTime").innerText=ts+"秒(已暂停)";
				}
			}
			
			functiontimmerA(){
				onoff=1;
				tsm+=100;
			if(tsm>=1000){
				tsm=0;
				ts++;
				document.getElementById("showTime").innerText=ts+"秒";
			}
			xx=setTimeout("timmerA()",100);
			}
			
		</script>
		<inputtype="button"id="switch"value="点击开始"onclick="testSwitch()"/>
		<spanid="showTime"></span>
	</body>
</html>

像这样？？？

导航:首页 > 编程语言 > js类似onoff按钮

js类似onoff按钮

与js类似onoff按钮相关的资料

友情链接