學習HTML5+CSS3+Javascript的第一周

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>

 

做出的預覽效果如下：