码迷,mamicode.com
首页 > 编程语言 > 详细

学习HTML5+CSS3+Javascript的第一周

时间:2018-08-06 12:16:11      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:布尔   条件   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的第一周

标签:布尔   条件   for   alt   color   解释   字符串   名称   object   

原文地址:https://www.cnblogs.com/halilulu/p/9429515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!