学习HTML5+CSS3+Javascript的第一周

Posted halilulu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习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>

 

做出的预览效果如下:

技术分享图片

 

以上是关于学习HTML5+CSS3+Javascript的第一周的主要内容,如果未能解决你的问题,请参考以下文章

前端学习总结HTML5+CSS3+JavaScript)

学习HTML5CSS3

web前端学习分哪些阶段?

如何学习WEB前端开发?

前端初识

前端大纲********