学习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>
做出的预览效果如下: