js简介

js的组成

1. ECMAScript js语法

2. DOM 页面文档对象

3. BOM 浏览器对象模型

avaScript在HTML的引用方式

（1）行内式；

<input type="button" value="海贼王" onclick="alert('路飞')">

（2）内嵌式；

<script>
     alert('one piece')
</script>

（3）引入外部JS文件；
<script src="my.js"></script>

alert('luffy')

输入输出

1.prompt(info) 浏览器弹出输入框，用户可以输入

2.alert(msg) 浏览器弹出警示框，输出

3.console.log(msg) 浏览器控制台打印输出信息---给程序员测试用的

变量

声明变量

var：变量名；
初始化：var:变量名 = 值；

变量使用

<script>
    var myname = prompt('请输入姓名');
    alert(myname)
</script>

数据类型

• 数据类型是根据所赋的值来确定

• JavaScript 拥有动态类型，同时也意味着相同的变量可变作不同的类型

数字类型可分为两类：

1. 基本数据类型(Number,String,Boolean,Undefined,Null)

数字型

特殊数字型

 console.log(Number.MAX_VALUE);//最大值
 console.log(Number.MIN_VALUE);//最小值
 console.log(Number.MAX_VALUE * 2);//无穷大
 console.log(-Number.MAX_VALUE * 2);//无穷小
NaN：非数字的

isNaN（）方法

这个方法用来判断非数字，并且返回一个值，如果是数字返回的是false，如果不是数字返回的是true

var userAge = 21;
var isOk = isNan(userAge);
console.log(isNum);		//false,21不是一个非数字

var userName = "andy";
console.log(isNan(userName));	//true,"andy"是一个非数字

字符串型

• 1.转义字符都是以 \ 开头，只在引号内使用

• 2.length属性可以获取字符串长度

var myname = '请输入姓名';
console.log(myname.length);

• 3.字符串的拼接

//1 字符串相加
alert('hello' + ' ' + 'World');  //hello World
//2 数值字符串相加
alert('100' + '100'); //100100
//3 数值字符串+数值
alert('12'+12); //1212
//4 数值+数值
alert(12+12); //24

var  age = 18;
console.log('我今年'+age+'岁');

2. 复杂数据类型(Object)