javascript的整体感知:
代码的存放位置:
放在head标签中如果没有style代码放在title标签下,如果有style,那么代码放在style下面,还可以放在另外一个标签上body标签。
关于javascript代码的书写格式:
<script type=”text/javascript”>
代码块。
</script>
注意不存在javascript标签,只有<script>
javascript与html,css一样,对空格,换行,以及缩进是不敏感的
规范:在写代码的时候一定要所有的代码块都放在script标签中,将且代码最好有一个缩进。
<script type="text/javascript">
alert("这是我人生中的第一个javascript程序,好开心,好激动!");
</script>
最好不要这样写,因为代码的结构不明确。
推荐写法:
<script type="text/javascript">
alert("这是我人生中的第一个javascript程序,好开心,好激动!");
</script>
javascript的执行顺序:
从上到下,从左到右
javascript中的注释
//:注释一行代码
/**/:注释多行代码
javascript代码虽然对空格,换行,缩进不敏感,但是在写的时候一定注意规范:
例子:
alert("第一次写代码!!!") alert("第二次写代码!!!");
这样写页面报错了,就是因为我们的代码可以在结束部分不加分号,但是一定要加换行,如果加了分号,可以不换行。
alert("第一次写代码!!!") ;alert("第二次写代码!!!")
或者
alert("第一次写代码!!!")
alert("第二次写代码!!!")
建议大家在写代码的时候,既加上空格,也加上换行。使用代码的格式更加规范,可读性更强。
alert("第一次写代码!!!");
alert("第二次写代码!!!");
三句话:
第一句:alert(“这是我人生中的第一个javascript程序,好开心,好激动!”);
效果:在页面上弹出一个提示框,提示信息从alert后面的引号中的文本来的。
注意:如果页面上出现弹出框以后,页面的位置不能改变,并且不能关闭。其实这个时候浏览器的进程已经被暂停了。
第二句话:console.log(“”)
向浏览器的控制台中输出一句话。
作用:用来进行代码的调试。
应用:
第三句话:prompt(“”);
弹出一个输入框,给用户提供输入信息位置。
直接量:
alert("123");//字符串 string
alert(123);//数值类型 number
alert("abc");//字符串 string
如果页面上直接使用()框中的数据,那么这些内容加做直接量。
数据类型:
问题:为什么123没有加引号,但是输出成功,但是abc没有加引号,结果输出失败,并且页面报错?
1字符串:String
特点:用引号引起来的文本的串。
我们日常生活中说的话都可以理解为是字符串。
注意:
1.这个引号既可以是单引号,也可以双引号。
2.如果要在字符串输出引号应该怎么办。
如果字符串有双引,可以将字符串的引号改变单引号。
可以使用转译符。
由于字符串中经常会有一些特殊的字符出现,比如换行,比如引号,所为了让字符正常显示我们通常会用转译符:
常用的转译符:\
\’:单引号
\”:双引号
\t:缩进
\n:换行
2数值类型:Number
整数,小数。
特点:表达的是一种数据的量。
表现形式:123,1,0,-1.2
3加号的作用:
3.1 两个字符串用加号连接,那么将来加号起到的作用是连接这两个字符串。
3.2两个数值用加号连接,那么将来加号起到的作用是加法运算符的作用
3.3加号连接的两个直接量中有一个是字符串,那么加号的作用是连接
判断数据的类型:
typeof:判断数据类型。
怎么用:
typeof (直接量)
1typeof(直接量/变量)
<script type="text/javascript">
console.log(typeof("abc"));//string
console.log(typeof(123)); //number
</script>
2typeof直接量/变量
<script type="text/javascript">
console.log(typeof("abc"));//string
console.log(typeof(123)); //number
console.log(typeof "abc");
console.log(typeof 123);
</script>
变量
问题:使用浏览器输出我们自己输入的内容。
<script type="text/javascript">
var neirong = prompt("请输入我爱你");//输入框
console.log(neirong);
</script>
什么是变量:
变量是用来存储数据的。
1声明变量:(挖一个坑)
var a;
var(变量关键子) a(变量名)
2给变量赋值:
a = “123”;//赋值运算符
注意赋值运算符起到的作用是将等号右边结果赋值给等号左边的变量。
var a = 123+456;
console.log(a);//579;
3变量名的注意点:
变量名只能由英文字母,数字,下划线以及$符号组成,并且数字不能放在名称开头。(如果名称带有下划线,那么后面就算直接跟数字也是可以的).
变量的命名不能使用javascript中的关键字和保留字。
关键字:已经被javascript内部使用过的。
break | do | instanceof | typeof |
case | else | new | var |
catch | finally | return | void |
continue | for | switch | while |
debugger* | function | this | with |
default | if | throw | delete |
in | try |
保留字:还没有被javascript内部使用,但是可能有一天会被使用到。(备胎)
abstract | enum | int | short |
boolean | export | interface | static |
byte | extends | long | super |
char | final | native | synchronized |
class | float | package | throws |
const | goto | private | transient |
debugger | implements | protected | volatile |
double | import | public |
3. 区分大小写。
4 变量的类型:
这个变量中存储的是什么样的数据,那么这个变量就是什么样类型。
5 变量之间的相互赋值以及变量可以和直接量一起输出。
了解其它的数据类型:
1string
2number
NaN:not a number ==>非数字。
作用:用来表示数值的一种不正常的状态。
一般情况下会在计算出现错误的时候出现。
判断当前的数据是否是NaN的关键字:
IsNaN:是一个非数字
如果结果是非数字:结果是true
如果结果是数字:结果是false
3boolean类型:
取值:
true:对
false:错
作用用于判断条件的结果。
今天是个好天气====》false
1>3===》false
我是一个大帅哥====》true
var a = true;
var b = false;
var c = 1> 3;
var d = 1==3;
4undefined:
如果一个变量声明了但是没有赋值它的结果就是undefined;(underfined在页面上是不会报错。)
运算符
1算术运算符:
1.1+
如果加号两边都是字符串,那么加号的作用是连接。
如果加号的两边都是数值,那么加号的作用是相加。
如果加号一边是字符串,那么加号的作用是连接。
var a = 123;
var b = "123";
console.log(a+a+a+b);//369123true 123123123123false
console.log(typeof(a+a+a+b))
console.log(b+a+a+a);//123369false 123123123123true
console.log(typeof(b+a+a+a));
1.2 -
就是两个数值之间的运算。
1.3 *
就是两个数值之间相乘
1.4/
就是两个数值之间相除
1.5%取余,取模
余数:10 / 3 = 3.....1;
10%3=1;//10模以3==》1
1.6():改变运算符优先级
2算的先后顺序:
先乘除后加减
3复杂的运算:主要学习Math对象