布尔教育javascript基础视频教程

1 课 JS 如何引入
1. 页内 script 代码
<script>
code……..
</script>
2.script 标签写在页面的哪个位置 标签写在页面的哪个位置 ?
页面 head 里和 body 后都可以写 .
页面的任意部分都可以
2 课 变量声明
命名规范
JS 的变量名 可以用 _, 数字 , 字母 ,$ , 组成 , 且数字不能开头
声明变量 用 var 变量名 来声明
var a = 34;
var b = 45;
alert(a+b);
var $ = ‘jquery’;
alert($);
c = 56;
alert(c);
注意注意 : 变量名区分大小写 str 和 Str 不是一个变量
注意注意 : 变量名 前 必须加 var
3 课 JS 变量类型
js 的变量类型 的变量类型 :
数值 , 字符串 , 布尔 ,null,undefined, 数组 , 对象
console.log(); 输出到控制台
1) 数值类型
js 不区分 整型和浮点型
因为 js 引擎的内部 , 无论整型还是浮点型底层都是用浮点型来存储的
var a = 23;
var b = 3.14;
console.log(a);
2) 字符串类型
var c = ‘hello’;var d = “world”;
3) 布尔类型 布尔类型
true 和 false 要求全小写
var e = true;
4) 数组型
数组的写法 ,”[]” 包围 ,”,” 号隔开每一个值
JS 中 , 数组是索引类型 ,key 是 0,1,2,3,4,5,….
var h = [‘ 张 ‘,’ 王 ‘,’ 李 ‘,’ 赵 ‘];
console.log(h[2]); // 李
5) 对象型 对象型
和 PHP 中的关联数组类似
健的单引号可加可不加 , 值的单引号必须加 ( 数字除外 )
var i = {‘name’:’poly’,’age’:3};
console.log(i.age); // 3
console.log(i[‘age’]); // 3
4 课课 运算符 运算符
// 运算符
var a = 3;
var b = 2;
console.log(a%b); // 1
if(a > b) {
console.log(‘a > b’);
} else {
console.log(‘a < b’);
}
在在 JS 中中 , 拼接字符串用 拼接字符串用 “+”
console.log(‘hello’ + 3 + ‘world’); //hello3world
在 js 中 ,
左往右加时 , 碰到第 1 个非数值型之后 , 就理解为字符串拼接
console.log(3 + 2 + ‘hello’ + 5 + ‘world’);
// 5hello5world
5 课课 控制结构 控制结构
for 循环数组 循环数组
var arr = [‘ 赵 ‘,’ 钱 ‘,’ 孙 ‘,’ 李 ‘];
for(var i=0 ; i<arr.length ; i++) {
console.log(arr[i]);
}6 课课 对象操作 对象操作
js 的变量类型有字符串 , 布尔等
在操作这些变量类型的时候 , 可以将他们看成是对象来操作
因为 js 把一切都封装成对象来看
获取字符串的长度
var str = ‘hello world’;
console.log(str.length); //11
console.log(str.substr(0,5)); // hello
console.log(str); // hello world;
var arr = [‘a’,’b’,’c’,’d’];
console.log(arr.join(‘~’));// 将一个数组拆分为字符串
console.log(str.split(‘ ‘));// 将一个字符串分割为数组
String 字符串对象
length 属性 : 长度
indexOf(string) 返回出现字符串的位置
substr(num1,[num2]) 截取字符串
replace(str1,str2) 字符串替换
Date 日期对象
getFullYear() 返回年份（ 4 位）
getMonth() 返回月份 0-11
getDate() 返回日期 1-31
getHours() 返回小时数 0-23
getMinutes() 返回分钟数 0-59
getSeconds() 返回秒数 0-59
Math 数学对象
ceil( 数值 ) 大于或等于该数的最小整数
……..