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

时间:2021-05-29 19:20:49

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