JS之if語句對接事件動作邏輯(詳解)
更新時間：2017年06月28日 09:05:57 投稿：jingxian
下面小編就為大家?guī)硪黄狫S之if語句對接事件動作邏輯(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
if 函數(shù)的實現(xiàn)步驟：
function +名字()
指定id , 指定開關(guān)(display: none or block)
if + else 構(gòu)成邏輯 控制開關(guān)
決定在哪里安置一個燈泡, 指定一個id給某個標(biāo)簽
把開關(guān)用電線連著燈泡, 安裝開關(guān)#+id名稱{ 屬性1= 賦值, 屬性 2 = 賦值 , 屬性3 = 賦值 }
所有的賦值都可以成為一個開關(guān). 如果是一個手動版的, 這里已經(jīng)完成了. 更改屬性的賦值就可以變更id的樣式
幫開關(guān)裝上感應(yīng)元件, 一旦有動靜, 開關(guān)便自動switch 建立function showhide() { 使用if+else語句, 改變開關(guān)的接線:改變屬性賦值}
打開電制, 讓開關(guān)通電. 事件動作接上函數(shù)
最核心的原則就是, 事件動作對接函數(shù), 函數(shù)對接屬性(一個或多個)更改, 屬性更改, 對接id或者class, id 或class對接事件動作所在標(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語句對接事件動作邏輯(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
全面了解JavaScript的數(shù)據(jù)類型轉(zhuǎn)換
下面小編就為大家?guī)硪黄媪私釰avaScript的數(shù)據(jù)類型轉(zhuǎn)換。小編覺得挺不錯的，現(xiàn)在就分享給大家看，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript 學(xué)習(xí)筆記（十六） js事件
事件對象里包含三個方面的信息····回看上一篇內(nèi)容！事件對象里的屬性和方法，主要是鼠標(biāo)和鍵盤的信息。2010-02-02
對js關(guān)鍵字命名我感覺有點亂，于是整理了一下，需要的朋友也可以參考下2014-04-04
本文主要介紹的是常用的Javascript數(shù)據(jù)驗證插件，包括電話號碼驗證，郵件驗證，身份證驗證,需要的朋友可以參考下2015-08-08
關(guān)于base64加密/解密...2006-12-12
javascript學(xué)習(xí)筆記（二）數(shù)組和對象部分
本文是學(xué)習(xí)筆記系列的第二篇，深入淺出的分別從javascript對象和數(shù)組兩個部分介紹了相關(guān)知識，并附上詳細示例，非常的實用，有需要的朋友可以參考下2014-09-09
JavaScript高級程序設(shè)計（第3版）學(xué)習(xí)筆記10 再訪js對象
在ECMAScript中，兩個核心主題就是對象與函數(shù)，而這兩個主題也有些互相纏繞的，在前面幾個博文中大略的過了一遍函數(shù)相關(guān)的基礎(chǔ)知識，這篇文章再回到對象主題上來2012-10-10
JS判斷瀏覽器之Navigator對象...2007-01-01
這篇文章主要為大家詳細介紹了js對象和事件學(xué)習(xí)筆記，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了JavaScript中數(shù)組繼承的簡單示例,數(shù)組繼承是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-07-07