JS小練習之實現簡易日曆

2021-08-20 12:27:16 字數 540 閱讀 7107

jan        2

fer 3

mar

4apr

5may 6

jun

7jul

8aug 9

sep

10oct

11nov 12

dec

效果圖:

心得體會:布局很重要!一開始的時候用**來做,做了好久都得到滿意的效果,結果一怒之下,果斷拋棄table,全部用div布局,果然一下子就出了效果,心裡還在沾沾自喜,覺得div可以做到一切;但是,沒想到的是,這個專案主要要用到js 的document.getelementsbytagname()這個方法,面對滿屏的div我有點傻眼,為什麼只能通過標籤來得到元素呢,為什麼不能通過類名來得到元素呢?!唉,不開心,想用 jquery.

JS實現 簡易日曆

1.選項卡的實現 2.匿名函式 無名字的函式 屬性id.function 3.html檔案載入問題 在寫js的 如果js 中需要先載入html檔案之後才能獲取到值得話,必須把js 寫在指定標籤獲取值得後面.否則報錯或無法執行.由於js 嵌入在html標籤中,導致閱讀性差,以及一些其他問題,因此可以使...

js簡易日曆

該功能最終實現的結果如下圖所示 程式實現思路 1 使用for,實現滑鼠懸浮中英文切換 2 底部文字切換,使用tab選項卡思路,動態陣列獲取文字 3 底部文字的切換使用innerhtml 注意以下幾點 1 頁面布局,注意active狀態是在li上新增,jan fer2 字串的拼接 例如 abg 12 ...

js簡易日曆

js簡易日曆中設計的知識點 選項卡切換 陣列 innerhtml 連線符 與選項卡的區別 div的個數不同 連線符中需要注意的 優先順序 abc 12 3 def 結果 abc123def abc 12 3 def 結果 abc15def html body div class contain ul...