学习HTML5+CSS3+Javascript的第一周

Posted 2020-12-28 halilulu

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>

 

做出的预览效果如下：