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按鈕相關的資料

友情鏈接