JS之if語(yǔ)句對(duì)接事件動(dòng)作邏輯(詳解)

更新時(shí)間：2017年06月28日 09:05:57 投稿：jingxian

下面小編就為大家?guī)?lái)一篇JS之if語(yǔ)句對(duì)接事件動(dòng)作邏輯(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

if 函數(shù)的實(shí)現(xiàn)步驟：

function +名字()

指定id , 指定開(kāi)關(guān)(display: none or block)

if + else 構(gòu)成邏輯控制開(kāi)關(guān)

決定在哪里安置一個(gè)燈泡, 指定一個(gè)id給某個(gè)標(biāo)簽

把開(kāi)關(guān)用電線連著燈泡, 安裝開(kāi)關(guān)#+id名稱{ 屬性1= 賦值, 屬性 2 = 賦值 , 屬性3 = 賦值 }
所有的賦值都可以成為一個(gè)開(kāi)關(guān). 如果是一個(gè)手動(dòng)版的, 這里已經(jīng)完成了. 更改屬性的賦值就可以變更id的樣式

幫開(kāi)關(guān)裝上感應(yīng)元件, 一旦有動(dòng)靜, 開(kāi)關(guān)便自動(dòng)switch 建立function showhide() { 使用if+else語(yǔ)句, 改變開(kāi)關(guān)的接線:改變屬性賦值}

打開(kāi)電制, 讓開(kāi)關(guān)通電. 事件動(dòng)作接上函數(shù)

最核心的原則就是, 事件動(dòng)作對(duì)接函數(shù), 函數(shù)對(duì)接屬性(一個(gè)或多個(gè))更改, 屬性更改, 對(duì)接id或者class, id 或class對(duì)接事件動(dòng)作所在標(biāo)簽

<style>
#div1 {width:100px; height:200px; background:#CCC; display:none;}
</style>
<script>
function showHide()
{
  var oDiv=document.getElementById('div1');
  
  if(oDiv.style.display=='block')
  {
    oDiv.style.display='none';
  }
  else
  {
    oDiv.style.display='block';
  }
}
</script>
 
 
<input type="button" value="顯示隱藏" oncpck="showHide()"> </input>
<div id="div1">

以上這篇JS之if語(yǔ)句對(duì)接事件動(dòng)作邏輯(詳解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js事件監(jiān)聽(tīng)機(jī)制(事件捕獲)總結(jié)

相關(guān)文章

全面了解JavaScript的數(shù)據(jù)類(lèi)型轉(zhuǎn)換
下面小編就為大家?guī)?lái)一篇全面了解JavaScript的數(shù)據(jù)類(lèi)型轉(zhuǎn)換。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家看，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
JavaScript 學(xué)習(xí)筆記（十六） js事件
事件對(duì)象里包含三個(gè)方面的信息····回看上一篇內(nèi)容！事件對(duì)象里的屬性和方法，主要是鼠標(biāo)和鍵盤(pán)的信息。
2010-02-02
對(duì)js關(guān)鍵字命名的疑問(wèn)介紹
對(duì)js關(guān)鍵字命名我感覺(jué)有點(diǎn)亂，于是整理了一下，需要的朋友也可以參考下
2014-04-04
常用的Javascript數(shù)據(jù)驗(yàn)證插件
本文主要介紹的是常用的Javascript數(shù)據(jù)驗(yàn)證插件，包括電話號(hào)碼驗(yàn)證，郵件驗(yàn)證，身份證驗(yàn)證,需要的朋友可以參考下
2015-08-08
關(guān)于base64加密/解密
關(guān)于base64加密/解密...
2006-12-12
javascript學(xué)習(xí)筆記（二）數(shù)組和對(duì)象部分
本文是學(xué)習(xí)筆記系列的第二篇，深入淺出的分別從javascript對(duì)象和數(shù)組兩個(gè)部分介紹了相關(guān)知識(shí)，并附上詳細(xì)示例，非常的實(shí)用，有需要的朋友可以參考下
2014-09-09
JavaScript高級(jí)程序設(shè)計(jì)（第3版）學(xué)習(xí)筆記10 再訪js對(duì)象
在ECMAScript中，兩個(gè)核心主題就是對(duì)象與函數(shù)，而這兩個(gè)主題也有些互相纏繞的，在前面幾個(gè)博文中大略的過(guò)了一遍函數(shù)相關(guān)的基礎(chǔ)知識(shí)，這篇文章再回到對(duì)象主題上來(lái)
2012-10-10
JS判斷瀏覽器之Navigator對(duì)象
JS判斷瀏覽器之Navigator對(duì)象...
2007-01-01
一起來(lái)看看js對(duì)象和事件的學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了js對(duì)象和事件學(xué)習(xí)筆記，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-02-02
JavaScript中數(shù)組繼承的簡(jiǎn)單示例
這篇文章主要介紹了JavaScript中數(shù)組繼承的簡(jiǎn)單示例,數(shù)組繼承是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-07-07