JS基礎入門篇（四）—this的使用，模擬單選框，選項卡和復選框

hot_pot_Leo 發(fā)布于2019-08-29 15:23 / 2338人閱讀

摘要：建立索引，記錄每一個節(jié)點值。選項卡模擬選項卡方法一大清洗，在設置顏色之前把所有的顏色值設為空。宋體選項卡一選項卡二選項卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點擊什么，清除什么。

1.this的使用

this
    js中的關鍵字
        js內(nèi)部已經(jīng)定義好了,可以不聲明 直接使用
this的指向問題
    1. 在函數(shù)外部使用
        this指向的是window
    2. 在函數(shù)內(nèi)部使用
        有名函數(shù)
            直接調(diào)用函數(shù) this指的還是window
            通過事件調(diào)用，事件是誰觸發(fā)的 this指的就是誰
        匿名函數(shù)
            通過事件調(diào)用，事件是誰觸發(fā)的 this指的就是誰

box

2.模擬單選框

模擬單選框效果圖
方法一：大清洗，在設置顏色之前把所有的顏色值設為空。然后再設置點擊框的顏色。

方法二：點擊什么，清除什么。記錄當前點擊的。

3.選項卡

模擬選項卡

方法一：大清洗，在設置顏色之前把所有的顏色值設為空。然后再設置點擊框的顏色。




    
    Title
    





內(nèi)容一
內(nèi)容二
內(nèi)容三

方法二：點擊什么，清除什么。記錄當前點擊的。




    
    Title
    





內(nèi)容一
內(nèi)容二
內(nèi)容三

4.模擬復選框

模擬復選框查看效果以及代碼！！！！




    
    Title

云服務器 GPU云服務器 js單選框只讀 html的圓點單選框單選框 html打勾單選框

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/113284.html

JS基礎入門篇（四）—this的使用，模擬單選框，選項卡和復選框

摘要：建立索引，記錄每一個節(jié)點值。選項卡模擬選項卡方法一大清洗，在設置顏色之前把所有的顏色值設為空。宋體選項卡一選項卡二選項卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點擊什么，清除什么。 1.this的使用 this js中的關鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明直接使用 this的指向問題 1. 在函數(shù)外部使用 this指向的是window 2...

CoderDock 2019-08-02 10:26 評論0 收藏0
JS基礎入門篇（四）—this的使用，模擬單選框，選項卡和復選框

摘要：建立索引，記錄每一個節(jié)點值。選項卡模擬選項卡方法一大清洗，在設置顏色之前把所有的顏色值設為空。宋體選項卡一選項卡二選項卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點擊什么，清除什么。 1.this的使用 this js中的關鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明直接使用 this的指向問題 1. 在函數(shù)外部使用 this指向的是window 2...

tanglijun 2019-08-22 17:14 評論0 收藏0
翻譯 | 玩轉(zhuǎn) React 表單 —— 受控組件詳解

摘要：受控輸入框只會顯示通過傳入的數(shù)據(jù)。例如，數(shù)組中的元素將會渲染三個單選框或復選框。屬性接收一個布爾值，用來表示組件是否應該被渲染成選中狀態(tài)。原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 譯者：小 B0Y 校對者：珂珂君本文涵蓋以下受控組件：文本輸入框數(shù)字輸入框單選框復選框文本域下拉...

big_cat 2019-08-22 11:05 評論0 收藏0
Vue的表單輸入綁定

摘要：表單輸入綁定上一篇的事件處理方法下一篇的組件基礎用法文本多行文本復選框單個復選框多個復選框，添加到數(shù)組里今天明天昨天單選按鈕選擇列表單選列表請選擇如果表達初始的值不匹配任何的選項，元素就會以未選中的狀態(tài)渲染。表單輸入綁定上一篇：Vue的事件處理方法：https://segmentfault.com/a/11...下一篇：Vue的組件：https://segmentfault.com...

Snailclimb 2019-08-21 12:05 評論0 收藏0
文檔和元素的幾何滾動

摘要：文檔和元素的幾何滾動當瀏覽器在窗口中渲染文檔時，它將會創(chuàng)建文檔一個視覺表現(xiàn)層，在哪里每個元素都有自己的位置和尺寸。通常應用程序?qū)⑽臋n看做元素的樹。的問題是觸發(fā)該事件的文檔元素的一個引用。文檔和元素的幾何滾動當瀏覽器在窗口中渲染文檔時，它將會創(chuàng)建文檔一個視覺表現(xiàn)層，在哪里每個元素都有自己的位置和尺寸。通常web應用程序?qū)⑽臋n看做元素的樹。文檔坐標和窗口坐標元素位置以像素來進行度量...

wanghui 2019-08-23 10:49 評論0 收藏0