JS之if語句對接事件動作邏輯(詳解)
if 函數(shù)的實(shí)現(xiàn)步驟:
function +名字()
指定id , 指定開關(guān)(display: none or block)
if + else 構(gòu)成邏輯 控制開關(guān)
決定在哪里安置一個(gè)燈泡, 指定一個(gè)id給某個(gè)標(biāo)簽
把開關(guān)用電線連著燈泡, 安裝開關(guān)#+id名稱{ 屬性1= 賦值, 屬性 2 = 賦值 , 屬性3 = 賦值 }
所有的賦值都可以成為一個(gè)開關(guān). 如果是一個(gè)手動版的, 這里已經(jīng)完成了. 更改屬性的賦值就可以變更id的樣式
幫開關(guān)裝上感應(yīng)元件, 一旦有動靜, 開關(guān)便自動switch 建立function showhide() { 使用if+else語句, 改變開關(guān)的接線:改變屬性賦值}
打開電制, 讓開關(guān)通電. 事件動作接上函數(shù)
最核心的原則就是, 事件動作對接函數(shù), 函數(shù)對接屬性(一個(gè)或多個(gè))更改, 屬性更改, 對接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)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
nodejs的require模塊(文件模塊/核心模塊)及路徑介紹
在nodejs中,模塊大概可以分為核心模塊和文件模塊,核心模塊是被編譯成二進(jìn)制代碼,引用的時(shí)候只需require表示符即可,文件模塊,則是指js文件、json文件或者是.node文件2013-01-01JavaScript學(xué)習(xí)筆記整理_簡單實(shí)現(xiàn)枚舉類型,撲克牌應(yīng)用
下面小編就為大家?guī)硪黄狫avaScript學(xué)習(xí)筆記整理_簡單實(shí)現(xiàn)枚舉類型,撲克牌應(yīng)用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09javascript獲得當(dāng)前的信息的一些常用命令
這篇文章主要介紹了javascript獲得當(dāng)前的信息的一些常用命令,需要的朋友可以參考下2015-02-02Javascript中 關(guān)于prototype屬性實(shí)現(xiàn)繼承的原理圖
Javascript中關(guān)于prototype屬性實(shí)現(xiàn)繼承的原理圖2013-04-04簡介JavaScript中Math.cos()余弦方法的使用
這篇文章主要介紹了簡介JavaScript中Math.cos()余弦方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06JavaScript高級程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記 概述
在JavaScript面世之初,沒有人會想到它會被應(yīng)用的如此廣泛,也遠(yuǎn)比一般人想象中的要復(fù)雜強(qiáng)大的多,在我自己學(xué)習(xí)的過程中,曾經(jīng)有過多次震撼2012-10-10