CSS&JS--用JS讓文字閃爍起來
一、JS的內嵌樣式與外聯樣式
像CSS一樣，JS的程式碼塊可以寫在html裡面，也可以寫到單獨的一個JS檔案裡。那麼，放置哪裡呢？
1、內嵌樣式
<script>
console.log("test js")
</script>
2、外聯樣式
<script src='js/test.js'>
</script>
目錄是這樣的：
WORD_PHOTO
... ...JS
... ...test.js
... ...test.html
也就是說，src後面的引號中要跟的是與html相對路徑，test.html要訪問test.js就要先進入js這個資料夾，所以是js/test.js
備註：html忽略大小寫。
二、讓文字閃爍起來
1、目錄結構
WORD_PHOTO
... ...CSS
... ...photo_test.css
... ...word_test.css
... ...Images
... ...01.PNG
... ...02.PNG
... ...03.PNG
... ...04.PNG
... ...05.PNG
... ...06.PNG
... ...JS
... ...test.js
... ...test.html
二、JS的外聯樣式測試
1、html中的script
test.html:
<script src="js/test.js"></script>
test.js:
console.log("test js")
2、程式碼和頁面展示
test.html
test.js
web展示
當web頁面的控制檯出現test js時，說明js的外聯樣式打通。
三、文字閃爍
1、元素集合
HTMLCollection，是HTML元素的集合。
getElementsByClassName("xxx")方法會返回一個HTMLCollection物件，而這個物件是一個數組列表。
程式碼：
web和console：
2、JS的遍歷迴圈
Python中的迴圈可以用for，JS中的迴圈也可以用for：
web和console
3、window.onload()
window.onload()方法用於在網頁載入完畢後立刻執行的操作，即當HTML文件載入完畢後，立刻執行某個方法。
語法：
window.onload=function(){
Func();
}
4、setInterval()方法
setInterval()方法可按照指定的週期（以毫秒計）來呼叫函式或計算表示式
如，3000毫秒一次列印hello：
setInterval(function(){console.log("hello");},3000;)
5、生成指定範圍的隨機整數
Math.random()，返回一個介於0到1（不包含）之間的一個隨機數；
Math.floor((Math.random()*10) + 1)，返回一個1到10之間的一個隨機數；
Math.floor(Math.random() * (max - min + 1) + min)，返回一個max到min之間的數字，不包含max
6、讓文字閃爍起來
設定某元素的顏色為紅色：
element.style.color = "red";
備註：
a、第1行到第11行是一個名為blinklink的方法體；
b、第12行是等待html載入完成後執行的方法；
c、第14行，每500ms執行一次方法體；
d、迴圈體：
A、第2行，獲取class屬性值為li_left的元素集合；
B、第3行，通過for迴圈遍歷；
C、第4行，獲取每個li_left下的標籤屬性值為a的元素集合；
D、第5行，通過for迴圈遍歷；
E、第6、7和8行，隨機一個整數，然後給元素設定顏色；
以上。