JavaScript第一天

JavaScript的简介

前端三层

结构层 HTML 从语义角度描述页面的结构

样式层 CSS 从审美的角度装饰页面

行为层 javascript 从交互的角度提升用户体验

第一种输出方法

在JavaScript里是要用script引住的，所有js程序是要写在script里的

aleat 弹窗输出

console.log 在控制台输出

字面量

在js中整数类型有3种显示方式，分别是八进制，十进制，十六进制

在JavaScript中数字以0或者0o或者0O开头的都会自动转换为八进制，但是显示时还是以十进制显示

注意：如果想用转换八进制，那你所输入的数字中就不能出现超过进制的数，如果输错原样输出。

aleat(036); 	//转换为八进制输出结果为30
aleat(088);		//因为输入了超过进制的数，就会原样输出结果为88

以0x开头的就可以输入16进制数，但是最后显示还是十进制

只有整数可以使用字面量，小数只有十进制的字面量

转义字符

/n /t

/n用于换行，例如aleat("张/n贺");

输出后就会是张

​ 贺

字符转义

正常情况下，在引号里可以有不同类型的引号，例如双引号里有单引号

aleat("'张贺'最帅");

如果非要在相同引号中写引号就必须加上\

例如

alert("张贺\"最\"帅");
//这样就会照常输出双引号了

变量的提升

在js里变量可以先使用再赋值，但是在声明时赋的初值视为无效

例如:

a=100;
alert(a);
var a;
//这个时候会输出100
alert (a);
var a;
//这个时候由于只有变量的声明有效，初值无效，会输出undefined

定义变量时如果加var了，是局部变量，如果不加var也可以定义，但是没办法控制作用域，定义的是全局变量

连续定义多个变量

只需要在定义好的一个变量后面加上逗号就可以继续定义

例如：var a=100，b=200，c=300；

基础数据类型

基本数据类型有五种

typeof关键字，作用就是检测数据的类型

例如:

var a=100;
var b="张贺";
console.log(typeof a);//这样就会分别输出他们的类型，number
console.log(typeof b);//string

number类型

​ 所有的数字都是number类型，包括小数

namber类型包含

​ 1：数字（整数，浮点数，负数，各进制的数）

​ 2：Infinity

​ 3：NaN

加号

当加号两边都为number类型的时候代表相

如果有一边不是number类型代表连字符

输入

prompt

例如：

prompt("请输入你的姓名","张贺")
//在网页上显示的时候就会弹出输入框，让你输入姓名，并且输入框里默认的文字是张贺
prompt("提示文本","默认值")

用prompt接收的都是字符串，哪怕用户输入了一个数字，也是字符串的数字

变量类型的转换

parseInt 就是将一个字符串转为一个整数，不会四舍五入，直接截取整数部分，如果这个字符串有乱起八遭的东西，直接取前面的数字部分

parseInt还可以转换进制数，只需要在转换的数字后面加上逗号加上需要转换的进制数的数字

例如：

parseInt(10,16);	//这样就可以把逗号前面的数字10转换为16进制

parseFloat 就是将一个字符串转为一个小数

**数字如何转字符串**

只需要让输入加个字符串即可

var a=123;
var b=a+"";
alert(b);//就可以转为字符串了

数学运算符

%取余数

+加法

-减法

*乘法

/除法

算乘方，和开根

在js中乘方需要用到Meth.pow()

Meth.pow(3,4);
//这样就可以算出3的四次方是多少

如果要算开根号

Meth.sqrt();

里面写几就可以开根号开出来

总结

alert 输出

console.log 控制台输出

prompt 输入

prompt("需要提示的内容","默认的内容");

parseInt 转换为整数

parseInt(需要转换的数.可以是字符串,需要转换的进制，也可以不写);

parseInt 转换为浮点数

Math.pow 算次方

Math.pow(3,4);
//这样就可以算出3的四次方是多少

Math.sqrt 开根