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();输入框