文章目录
1.页面中使用JavaScript的三种方式
1.HTML中内嵌(一般不使用这种)
点我
2.页面中直接使用
<script>
//代码部分
</script>
3.引用外部JavaScript文件
<script type="text/javascript" src="路径"></script>
2.Javascript中的变量
1.变量的声明:
1.使用var 声明:
var a = 10;
2.直接赋值(这种方式声明的变量为全局变量)
a=10;
3.同一声明语句同时声明多个变量:
var a,b,c=10;
2.变量的命名规范:
1.只能右字母、数字、下划线、$组成,开头不能为数字
2.变量区分大小写
3.命名方式符合小驼峰命名(首字母小写,之后每个单词首字母大写)或者匈牙利命名法(所有字母小写,单词间用下划线_分割)
2.变量的数据类型:
1.undefined:声明了变量却没有进行赋值初始化时
var a;
2.NULL:空引用
var a = null;
3.Boolean:布尔类型
var a = true;
4.number类型
js中没有区分整数和小数,统一为number类型
var a = 124;
var b = 12.2;
5.String字符串类型
var a = "塔还是掉了";
var b = '还行';
6.Object对象模型
函数、数组、自定义对象
数组:
var imgs = ['05.jpg','06.jpg','07.jpg','08.jpg'];
3.变量函数:
1.Number:将变量转为数值类型
1.字符串转数值:(字符串为空时,值为0;字符串为非数字时,结果为NaN 即 not a number不是一个数值)
var a =Number("111");
2.布尔Boolean类型转数值
true 为1 ;false为0
3.Null与Undefined转数值
Number(null);值为0
Number(undefined);值为NaN
2.检测变量是否为NaN
isNaN(str) str为纯数字字符串、空字符串、布尔类型,为false
str包含其他字符为true;
3.将字符串转换为整型:
parseInt(str);
str不能为空字符串,转化时,会去掉小数点,为非数字时,NaN
4.字符串转化为浮点
parseFloat(str);
5.变量类型检测
typeof();
可以返回未定义、数值、字符串、boolean、null/object对象、函数
4.JavaScript中的输入输出
1.打印输出:
document.write("输出内容");
2.浏览器弹出
alert("内容");
3.浏览器弹框输入
prompt("请输入您的年龄:","20")
4.浏览器弹窗确认
var is= confirm("在吗??");
5.控制台打印:
console.log("内容");
5.JavaScript中的运算符
1.算术运算符
+、-、*、/、%、++、--
2.++n 和 n++ ,–n和n–区别:
++n 和--n是运算后在用n值;
如n为5时 ++n --n的 n值为6和4
而n++ n--的 n值为5
3.赋值运算符
1.基本赋值
为=,优先级低于其他运算符,为赋值
2.复合赋值运算符
+=、-=、*=、/=、%=;
4.关系与逻辑运算符
关系运算符
==、 ===、!=、>、<、>=、<=
逻辑运算符
&& || !
5.条件运算(多目运算)
表达式1?表达式2:表达式3
?前的表达式为真时,执行表达式2;为假时,执行表达式3
这里可以使用多个嵌套
6.运算符优先级
从高到低,用~分割
()~!,++,--~*,/,%~+,-~<,<=,>,<=~==,!=~&&~||~=,+=,-=,*=,/=,%=