记事本：js简介

引用js和css很类似，大致有三种方式：

第一种：

在行内引用js，

<div onclick="alert(111);">

    </div>

第二种：

在行外引用js，

　　<script type="text/javascript">
       alert(2222);
       alert(3333);
   </script>

第三种：

在文件外引入该文件；

<script type="text/javascript" src="./js/index.js"></script>

定义变量

js属于弱类型语言，与PHP有些类似。

在定义变量时，只需要在前面写上var 变量名；

显示

我是在浏览器上做显示的，浏览器有两个地方可以显示js。

• 一是在控制台：

右击打开检查，console里面就可以显示python类似print的函数，而js中，表示输出的是console.log()。

• 二是在页面上直接显示：

用的是document.write()，会在页面上显示。

条件判断与循环

js中的条件if和循环while/for与大部分语言基本类似，在每句结束之后需要加分号结尾，

写判断和循环必须加{}

js中的变量类型：

数字类型：number

var str = '4.34kl34';
document.write(parseInt(str));
document.write(parseFloat(str));

数组：Array

定义数组的两个方法：

• 一：用 [ ] 来定义一个数组

var colors = ['red', 'green', 'yellow'];
    for(var i = 0; i < colors.length; i++){
        console.log(colors[i]);
    }

• 二：用new关键字定义数组

var color2 = new Array();
    console.log(color2);
    color2[2] = 5;

数字里面的内置函数：

concat函数：把两个数组连接在一起

var num = [2, 3, 4];
    var num1 = [2, 7, 8];
    console.log(num1.concat(num));

slice函数：里面要传两个参数，表示一个左闭右开的区间

var a1 = [2, 3, 4, 5, 6, 7];
    console.log(a1.slice(2, 4));

pop函数：把最后一个元素删除

num = a1.pop();

push函数：在队尾添加一个元素

a1.push(8);

isArray：判断是否为一个数组

console.log(Array.isArray(a1));

字符串：String

定义一个字符串：和定义一个数组相似，同样用两种方法：

一：var 变量名 = '1234';

二：用new String()定义一个字符串；

字符串的内置函数：

slice函数：截取字符串

var str = 'alex';
console.log(str.slice(2, 4));

split函数：用某个字母分割字符串，得到的是一个数组

var str = '23s434s34s';
console.log(str.split('s'));

subStr函数：截取字符串

var str = '2SAfsdfsdf';
console.log(str.substr(2, 3));

slice函数要与subStr函数区分，在我们这个例子中

slice函数是得到的是：le

subStr函数得到的是：Afs

说明slice函数是指从哪到哪

subStr函数是从哪开始，之后要取多少

字母的大小写转换toUpperCase/toLowerCase：

var str = 'aABb';
console.log(str.toUpperCase());
console.log(str.toLowerCase());

Date类型：

定义Date类型只能用new来创造一个Date类型。

    var myDate = new Date();
    // getDate()得到的是这个月的日期值
    console.log(myDate.getDate());
    // 获取中国标准时间
    console.log(Date());
    // 获取月份 范围（0-11）// 0月
    console.log(myDate.getMonth());

Math函数：

console.log(Math.max(2, 4));
console.log(Math.min(4, 5));

max是在括号中的n个数中挑选最大的数

max是在括号中的n个数中挑选最小的数

max和min不仅判断整数，小数也可以

console.log(Math.random())

随机数：random随机数的范围在0-1之间

定义函数

　　 function hello() {
        console.log('say hello');
    }
    hello();