您的位置:首页 > Web前端 > JavaScript

初识JS

2015-10-18 23:33 513 查看

JavaSrcipt: 10/13

HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为


一.JS的引用:

(1)页头引入(head标签内);
< head >
< srcipt type = "text/javasrcipt" >
JS代码;
< /srcipt>
< /head >
(2)页中引入(body标签内);
< body >
< srcipt type = "text/javasrcipt" >
JS代码;
< /srcipt>
< /body >
(3)元素事件中引入(标签属性中引入);
(4)引入外部JS文件;
< srcipt type = "text/javasrcipt" src="JS文件的相对路径">< /srcipt >
*可以在文档的任何位置。


二.JS注释(不会被浏览器识别,用来提高代码的可阅读性)

(1)单行注释  //这段文字不会被浏览器识别
(2)多行注释  /*这段文字不会被浏览器识别*/


三.标识符(变量和函数等都需要定义一个名字,这个名字就可以称为“标识符”。)

注:相同的英文字母大小写代表两个不同的标识符。  中文是合法的标识符,但是不推荐使用。

标识符的命名规范:
(1)第一个字符必须是字母、下划线(_)或美元符号这3种其中之一,其后的字符可以是字母、数字或下划线、美元符号;
(2)变量名不能包含空格、加号、减号等符号;
(3)标识符不能和JavaScript中用于其他目的的关键字同名;

变量的声明: (变量是指在程序运行过程中,其值是可以改变的)
语法  var 变量名;
var 变量名=值;  例 var a = 5;


四.JavaScript基本数据类型

原始数据类型:
(1)number  数值型;         例 var a = 1;
(2)string  字符串型;        例 var b = "今天是个好日子";
(3)boolean 布尔类型;值:ture,false;
(undefinde,null,false,0,NaN,""空字符串,默认为false);
(4)null;       引用一个没有定义的变量,则返回一个null值。
(5)undefined;
null与undefined的区别是,null表示一个变量被赋予了一个空值,而undefined则表示该变量尚未被赋值。


五.typeof运算符(主要用来查询某个数据是个什么类型)

例:  var a = "今天是个号日子";
document.write(typeof(a)); 输出的值为  String;


六.判断number类常用方法:

(1)isNaN(value); 非数字;is not number 当value为 number时返回false,当 value 不是NUMBER类型时返回true;
(2)parseInt(value)   将value转换为整数;
(3)parseFolat(value) 将value转换为浮点型;


七.运算符:

JavaScript的运算符按运算符类型可以分为以下5种:

(1)算术运算符;
+ 加,- 减,* 乘,/ 除,% 取余数,
自增运算符:
i++指的是在使用i之后,使i的值加1,
++i指的是在使用i之前,先使i的值加1。
自减运算符:
i--指的是在使用i之后,使i的值减1,
--i指的是在使用i之前,先使i的值减1。
(2)比较运算符;
> 大于,< 小于 ,>= 大于等于, <=小于等于 , == 恒等于,!= 不等于,===全等于 可用来判断数据类型是否全相等。
(3)赋值运算符;
+=  a+=b等价于a=a+b
-=  a-=b等价于a=a-b
*=  a*=b等价于a=a*b
/=  a/=b等价于a=a/b
%=  a%=b等价于a=a%b
(4)逻辑运算符;
&&  逻辑与,若两边表达式的值都为true,则返回true;任意一个值为false,则返回false
||  逻辑或,只有表达式的值都为false,才返回false,其他情况返回true
!   逻辑非,若表达式的值为true,则返回false;若表达式的值为false,则返回true
(5)条件运算符;
语法:
条件 ? 表达式1 : 表达式2;
如果“条件”为true,则表达式的值使用“表达式1”的值;如果“条件”为false,则表达式的值使用“表达式2”的值。


八.运算符的优先级

!非 > 算术运算符 > 关系运算符 > 逻辑运算符 > 赋值运算符
一般运算符都是冲左向右依次执行,
赋值运算和三元条件运算则是从右忘左依次执行;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript