JS所包含的大纲内容,以及JS中数据类型、运算符的介绍

JavaSctipt

javascript:1.特效2.表单验证

         原理:何时?1.找到标签 何时?2.操作标签

         写在那里?

         内联(行内)(不推荐直接写js代码,经常写方法调用)

                   写在标签里面,以属性的形式表现;属性名是事件属性(行为)。

                            on开头的一系列属性。

                   <div ></div>

                   <!-- <input type="text" onFocus="alert('点我干嘛')"> -->

on开头的一系列属性。

         内嵌

                   写在html文件里面,以标签的形式表现,表名script。位置随便,一般写在head里面,或者文档最下面。

                   客户端脚本语言。

                   <!-- <script type="text/javascript">

                             alert(123);

                   </script> -->

                  

         外部引用

                   写在html文件里面,以标签的形式表现,表名script。

                   <script type="text/javascript" src="javascript.js"></script>

 

有什么操作:

         1.DOM操作(找元素操作)

         命名规则:1.字母、数字、下划线;2.不能数字开头;3.不能与关键字重名。

 

         2.基础语法(怎么操作元素)(必须很清楚的变量里面是什么。)

                  变量

                            区分大小写,

                            先定义再赋值

                            <!-- alert(isNaN(123)); 是数字返回flase.不是数字返回true-->

 

                   常量,标识符,关键字,注释。

                   var aa = 22;

                   var bb = 'aa';

                   alert(bb);

                   数据类型:数字,字符串('',""),布尔(ture false)。

                            alert(parseInt(“111”));

                            document.write(parseInt(“111”));

                            console.log.(parseInt(“111”)); 直接转成数字。

                   运算符:

                            算术运算符:+、-、*、/、%、++、--

                                     123%10 =3

                                     parseInt(123/10%10) =2

                                     parseInt(123/100) =1(水仙花数)

                                     加号:+

                                              字符串拼接

                                              “lisi” + “zhangsan” == > “liaizhangsan”

字符串和数字相加,把最近的数字转成字符串拼接。

                                               var name1 = ‘lisi’;

alert(name1+1); ==>lisi1

var name1 = ‘lisi’;

alert(1+1+name1);==> 2lisi

var name1 = 'lisi';

alert(name1+1+1);==>lisi11

                                               2.字符拆分(双引号)

                                               字符串转数字:从左往右第一个不是数字的位置

                                               parsefolat   parseInt 数据类型的转换

                                                        “123” ==》123

                                                        “1asdc” ==》1

                                                        “a123”  ==》NaN

                                               alert(123 == pareInt(“123”);此时数值相等;

                                               alert(123 === pareInt(“123”);此时数值和数据类型都相等。

***例题***

var a = prompt('请输入男或者女');

if (a == '男') {

         var man1 = +prompt('请男士输入体重');

         var man2 = +prompt('请男士输入身高');

         alert(man1-man2+100);

}

else if (a == '女') {//数值和数值类型都要一样,对于字符串来说。这里的“等于运算”,要有两个等号。

         var man1 = +prompt('请女士输入体重');

         var man2 = +prompt('请女士输入身高');

         alert(man1-man2+110);

}

                            赋值运算符:=、+=、-=、/=、*=

                            比较运算符:>、<、>=、<=

                            逻辑运算符:&&  || !

                            三目运算符:表达式?表达式:表达式;

控制语句

         If(else) 、for 、while 、do{} while 、switch 等

数组

一位数组 二维数组 多维数组

方法

方法:

定义  调用  参数  返回值

         function ff(name,age){

         }

         写在方法调用的小括号里面的叫实际参数。

方法:

         function 方法名(){

         }

 

 

做练习的准备:弹窗

         alert();提示框

         var a =  confirm();选择框

         var str = prompt();输入框

                  在前面添加“+”则为转数字,否则就是字符串之间的连接。

var str =  +prompt();输入框

 

posted @ 2019-03-15 17:53  IceK夏  阅读(715)  评论(0编辑  收藏  举报