學習HTML5+CSS3+Javascript的第一周

標籤：布爾   條件   for   alt   color   解釋   字串   名稱   object   

Javascript是一種輕量級、解釋型的Web開發語言。JS代碼需要寫在<script></script>標籤中，作為指令碼語言的標識符來分隔其他原始碼。避免與html標籤和css樣式混淆。

js代碼嚴格區分大小寫。javascript暫不支援constant關鍵字，不允許使用者自訂常量。javascript使用var關鍵字聲明變數，先聲明後使用；聲明變數之後，在沒有初始化之前，它的初始值為undefined（未定義的值）。變數命名規則：1.首字元必須是大寫或小寫字母、底線、或美元符，後續字元可以是字母、數字、底線、美元符2.變數名稱不能是Javascript的關鍵字或保留字。3.變數名稱長度任意，但要區分大小寫。（注意：變數名稱應該易於理解）。

資料類型：string字串  Number數值   Boolean布爾值  Null空值  Undefined未定義 Object對象。

運算子：算數運算子        邏輯運算子  位元運算符 賦值運算子 較運算子 特殊運算子 條件運算子（？：）也是javascript唯一的一個三元運算子

下面是我利用了一點js做的進度條

<section>            <p>百分比進度：            <progress id="progress" max="100"><span>0</span>%</progress></p>            <input type="button" onclick="click1()" value="顯示進度" />        </section>        <script>            function click1(){                var progress=document.getElementById("progress");                progress.getElementsByTagName("span")[0].textContent="0";                for (var i=0;i<=100;i++) {                    updateProgress(i);                }            }            Function updateProgress(newValue){                var progress=document.getElementById("progress");                progress.value=newValue;                progress.getElementsByTagName("span")[0].textContent=newValue;            }        </script>

 

做出的預覽效果如下：

 

學習HTML5+CSS3+Javascript的第一周