五天学会JavaScript网站开发——第一天
时间：2023-07-08 09:06:01 | 来源：网站运营
时间：2023-07-08 09:06:01 来源：网站运营
五天学会JavaScript网站开发——第一天：前言：这系列博客是我是学习JavaScript进行网站开发时候，学完后做的笔记。我发现，主动记录下所学的内容，能让知识体系化，还能进行有效的复习，是一个比较好方法。
第一天，基本的编程知识，过一遍就行
一，了解JavaScript
JS = JavaScript，是一种计算机脚本语言，主要在web浏览器(客户端)解释执行。由网景公司开发，由于该语言诞生不久，有很多不统一的地方，欧洲计算机制造商协会（ECMA）制定了一个统一的标准(ECMAScript)。JScript是由微软公司开发的活动脚本语言，是微软对ECMAScript规范的实现。
主要功能：简单理解为，可以任意操作网页。具体一点，1，可以使网页有动态的效果；2，对html元素进行操作；3，可以进行表单的输入验证（如：邮箱、电话、邮编的合法性，输入内容长度及内容验证等）
二，接触JavaScript
基本知识：
我们知道，javascript写在<script>标签里，也就是上图的红色框区域。
<script>标签三个属性1,类型(type):text/javascript
2,路径(src),路径可以指定一个JavaScript文件，然后我们不用在<script>标签里面写代码了，直接去指定的JavaScript文件里面写
3,字符集(charset)
三个输出语句和一个输入语句1,alert() 系统弹出框
2,document.write() 文档输入 这个很重要，意味着能改变html元素里面的内容
3,console.log() 控制台输出
4,prompt() 返回用户的输入
很有意思的是，百度网页的控制台，输出有招聘的信息
语法构成方面注意1,区分大小写，name和Name是不同的
2,标识符，不能以数字开头，通常以 字母 下划线 "$"符号开头
3,注释符，有单行注释和多行注释
4,关键字和保留字，不能作为标识符使用
变量申明Javascript的变量是松散类型的，所谓的松散类型就是用来保存任何类型的数据。定义变量时要使用var操作符 ，后面跟一个变量名称（变量名就是标识符）。
var name="我是谁";
var age="18";
var sex=true;
每个语句以分号结束
三，数据类型和转换
1，字符串(String) 加引号，引起来的都是字符串(单双引号都可以)
String()，.toString()，两个方法能将其它类型转为String类型
2，数字(Number) 整数、小数、负数
Number()，parseInt()，parseFloat()三个方法，都能将其它类型转换为Number类型，它们的区别就不说明了
NaN：属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。例如，当把“Name”转为Number类型的时候，返回的是NaN
3，布尔(Boolean)true 和 false
Boolean()方法，能将其它类型类型转为Boolean类型
Boolean与String和Number转换之间的关系：
非空即true，非0即ture4，Undefined（未定义） 一个变量没有赋值就是undefined
5，Object类型null也属于Object类型
补充：用 typeof() 方法可以检测数据的类型
四，运算符
1，算术运算符+，-，*，/，%就不必多说了，重要研究的是Number和String类型数据的加减乘除模，看下面的例子
var num=10;var str="20";console.log(num+str) 输出结果是：1020 原因是num隐式转换为了String类型console.log(num-str) 输出结果是：-10 原因是str隐式转换为了Number类型console.log(num*str) 输出结果是：200 原因是str隐式转换为了Number类型console.log(num/str) 输出结果是：0.5 原因是str隐式转换为了Number类型console.log(num%str) 输出结果是：10 原因是str隐式转换为了Number类型2，赋值运算符=，+=，-=，*=，/=，%=就不多说了
3，比较运算符（返回是ture或者false） == ：只比较值
"3"==3 返回的是ture ===：比较值还比较类型
"3"===3 返回的是false != ：非等（不等于）
还有>，< ，>=，<=
4，一元运算符a=b++ 先赋值，b再自加1
a=b-- 先赋值，b再自减1
a=++b b先自加1，然后在赋值
a=--b b先自减1，然后在赋值
5，二元运算符（即逻辑运算符，也就是且或非）6，三元运算符格式：
条件？执行结果1（true）:执行结果2（false）
例子:
10>20?console.log("对"):console.log("错");
五，条件语句和循环语句
1，条件语句(if和switch）格式分别为：if(条件1){
如果条件1成立，执行这里代码
}else if(条件2){
如果条件2成立，执行这里代码
}else if(条件3){
如果条件3成立，执行这里代码
}..........
else{
如果条件1到条件n都不成立，执行这里代码
}
switch(条件表达式){
case 常量1: 执行;break;
case 常量2: 执行;break;
case 常量3:执行; break;
......
default:执行
}
2，循环语句（for,while,do...while)格式分别为：for(起始条件;终止条件;步长值){
循环体;
}
while(终止条件){
循环体;
步长值;
}
do{
循环体;
步长值;
}while(终止条件)
下面是用循环语句打印九九乘法表的例子
3，跳出语句break：结束当前循环
continue：本次循环结束，进入下一次循环
最后补充：Java和JavaScript的区别?Java 是一门十分完整、成熟的编程语言。相比之下，JavaScript 是一个可以被引入 HTML 页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。 Java 是一种面向对象编程 ( OOPS ) 或结构化编程语言，类似的如 C ++ 或 C，而 JavaScript 是客户端脚本语言，它被称为非结构化编程。
在线咨询
