JS
1、type=“text/javascript” 说明当前script标签中文本的类型 2、所有的JS代码都必须写在script标签里面 eg: (1) alert(“hello”); //在页面上弹出警告框 【注】每一条JS语句后面都必须加分号,语法规范,当然,不加也可以 (2) document.write(“Hello”); //在当前文本上输入内容 3、JavaScript和HTML执行顺序 (1)JavaScript和HTML代码在同一个文件中写,它们的执行顺序是从上朝下,谁在前先执行谁,一般来说,没有特殊需求,JavaScript代码写在和中间,当然JavaScript代码写在html文件的任何地方都可以。 (2) JavaScript标签可以出现多个。可以引入多个script标签,多个script标签之间,顺序执行。 (3)js代码可以外部引入 src 引入外部文件 (4)如果当前script标签作用引入外部文件,这个script标签中,就不能再写代码了。 4、JavaScript注释 单行注释 // 快捷键:ctrl+/ 多行注释 /**/ 快捷键:ctrl+shift+/ 5、原样输出标签的内容 < 是“<” > 是“>” 6、常量/字面量:确定的值 【注】JS中的数据类型分为两大类 <1>、基本数据类型 (1)数字 number 100,3.14 (2)字符串 string 所有带双引号/单引号 ‘hello’ “hello” (3)布尔值 true false (4)特殊数据类型 null空 undefined未声明 <2>、 复合数据类型 7、变量:值可以改变的叫做变量 (1)声明变量 通过关键字(系统定义的有特殊功能的单词) var 1> 声明变量的时候,同时给变量赋值,叫做初始化 (2)变量赋值 (3)可以同时定义多个变量,变量之间要使用逗号隔开 (4)标识符:用户自定义的所有名字叫做标识符。 变量名 规律: 1、标识符必须由数字、字母、下划线和美元符号$组成 2、不能以数字开头 3、标识符区分大小写,age和Age是两个变量 4、标识符必须简名思意 5、输入当前变量/常量的数据类型 【格式】typeof 变量/常量 【注】JS是弱语言,变量被赋值成什么类型就是什么类型,不要在后续的代码里改变该变量的数据类型,很容易引起代码歧义
eg:
var age = 18;
age = 20;
var name="a",age=18,sex="男";
var temp; //temp时啥数据类型?不确定
temp = 12; //temp变量时数字类型
temp = "hello"; //temp变量变成了字符串类型
8、 算数运算符 关系运算符 逻辑运算符 赋值运算符:将等号右边的值赋值给等号左边的变量 (复合赋值运算符):+= *= /= %= 【任何其他数据类型除了和字符串做相加操作外,与数字类型做算数运算的时候,其他数据类型都会自动的转成数字 布尔值 true => 1 false => 2 特殊数据类型中 null => 0 undefined => NaN】
eg:
var tmp = 1 * “1”;//1
var tmp = 1 / “1”;//1 number
var tmp = 1 + true;//2
var tmp = 1 + false;//1
var tmp = 1 + null;//1
var tmp = 1 + undefined;//NaN
自增、自减运算符
(1)任何类型的数据和字符串类型数据做相加操作的时候。其他数据类型会自动转换成字符串类型,字符串拼接。此时的相加操作不再是 数学意义上的加法,而是表示拼接的意思。 如果其中一个操作数是字符串的时候,+号叫做字符串拼接符
eg:
var tmp = "您"+"好";
alert(tmp); //您好
var tmp = "1"+1";
alert(tmp); //11
var tmp = "h"+true;
alert(tmp); //htrue
var tmp = "h"+undefined;
alert(tmp); //hundefined
(2)任何数据除了和字符串做相加运算外,先要将字符串转成数字再进行运算。 <1>与NaN做算数运算的结果始终都是NaN,包括NaN本身和 NaN做运算结果也为NaN <2> 字符串如果是纯数字字符串转成数字,否则转换成NaN
eg:
var tmp = 1-"2"; //字符串“2”转成了数字2
alert(tmp); //-1
var tmp =1-"2a"; //NaN not a number "2a" 转成数字NaN
alert(tmp); //NaN
var tmp=NaN - NaN;
alert(tmp); //NaN
(3)查看JS的语法错误: 1.火狐 fireBug 2.谷歌 chorme控制台 9、代码规范: (1)注意层级缩进 tab = 四个空格 (2); , 后面都跟一个空格 运算符 = + 前后都应该空空格 (3)每一条语句后面都必须添加 ; 分号 10、表达式:运算符和操作数组成的式子 11、强制数据类型转化 (1)【注】通过方法Boolean()进行强制数据类型转换 【作用】将别的数据类型强制转换成布尔值
eg:
var tmp = Boolean(1);//true -1也是true 非空字符串也是true
var tmp = Boolean(0);//false 空串也是false
【结论】 1)数字0转成布尔值为false,所有非0的数字转成布尔值都为true 2) 空字符串转成布尔值为false,所有非空字符串转成布尔值为true 3) null和undefined转成布尔值都为false 12、强制数据类型转化成数字 (1)Number() 将别的数据类型转成数字 1> 布尔值 true =>1 false=>0 2> 字符串 纯数字的字符串 => 对应的数字,否则NaN 3> 特殊数据类型 null=>0 undefined => NaN (2)parseInt() 兼容Number的功能,取整 (3)parseFloat()取浮点数 带小数的数字 可以将别的数据类型转成成数字 【注】当除数为0时
eg:
var tmp = 1 / 0 ;// Infinity无穷大
var tmp = -1 / 0 ;// -Infinity无穷小
|