1、javascript与java的区别
提到javascript,我们都会想到java.但是它们确实不同的类型.
js是基于对象,java面向对象
js是弱类型语言,jaca是强类型语言
js只需要解释就可以执行,浏览器。jave需要编译,在执行。
js是跨平台语言。
2、方法和属性的区别
方法后面有括号 属性后面没有括号
3、js的位置
内联:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
//在body内引入,是内联的方式
</script>
</body>
</html>
内部:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript" src="js/jquery-3.2.1.js"></script><!--在body闭合标签上引入时,都是引入,别人已经写好的js--> </body> </html>
外部:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/other.js"></script><!--这里是js的外部引入方法--> </head> <body> </body> </html>
4、js的输出
1 alert()
2 document.write()
5、js的注释
1 //单行注释 ctrl+/ 多行ctrl+shift+/
2 /* */多行注释
6、js的五种基本数据类型
boolean布尔类型
null空
undefined未定义的
string字符串型
number数值型
特殊类型:object(对象);
7、变量
1.驼峰式命名 2.严格区分大小写 3.关键字保留字 4.重名会产生覆盖 5.只能以1英
文2下划线开头3美元 6.不能使用特殊符号 7.语义化(使用有意义的名字)
8、typeof:判断数据类型
var a alert(typeof a ) 类型为未定义的类型
a=null alert(typeof a) 类型为对象;
a=0 alert(typeof a) 类型为number;
凡是带引号的类型都是字符串;
当a=0,NaN, ‘‘,false,null;时if(a){alert(真)}else{alert(假)};
数值型+undefined=NaN; 数值型+null=数值; (boolean布尔) true+2=3 fales+2=2
9、js获取并更改内容的方法
function doc(){
1 获取ID var doc=document.getElementById("doc");
2 获取class var doc=document.getElementsByClassName("doc");
3 获取直接的名字 var doc=document.getElementsByName("doc");
4 获取标签 var doc=document.getElementsByTagName("div");
doc[0].innerHTML="xxx";
document.write("重汇")【重汇】 里面写可以跳出一个新的内
容;
}
document.write("重汇") 【重汇】 外面写的话不会跳 只会出现
10、强制转换
1 boolean:将值转换成boolean类型
2 number:将值转换成数字(整型或浮点数)
3 string:将值转换成字符串
4 parseInt:将值转换成整型
5 parseFloat:将值转换成浮点型
11、运算符
逻辑运算符:
|| (逻辑或):只有前后都是false的时候才返回false,否则返回true。
1 只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。
2 只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。
&& 逻辑与):只有前后都是true的时候才返回true,否则返回false。
1 只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;
2 只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;
!(逻辑非):取逻辑反面
三元运算符:
a>b?alert(1):alert(2)条件表达式? 表达式1:表达式2
算术运算符:
1 + A = 10 + 20;
2 - A = 10 – 20;
3 * A = 10 * 20;
4 / A = 10 / 20;
5 % 两个数相除,取余数
A = 10 % 3; // A = 1,如果余数不为0,则两个不能整除
A = 10 % 2; // A = 0,如果余数为0,则两个数能除尽
6 ++ 自加1
7 -- 自减1
赋值运算符:
1 = 赋值
2 “+=”先加后等。如:a += 10 //展开后 a = a + 10
3 “-=”先减后等。如:a -= 10 //展开后 a = a - 10
4 “*=”先乘后等。如:a *= 10 //展开后 a = a * 10
5 “/=”先除后等。如:a /= 10 //展开后 a = a / 10
比较运算符:
比较运算符的运算结果是布尔值(true或false)。
运算符 | 例子 |
>(大于) | A = 10 > 20; // 结果A=false |
>=(大于等于) | A = 20>=20; // 结果A=true |
==(等于) | A = 10%2 == 0; // 结果A=true |
!=(不等于) | A = 10%3 != 0; // 结果A=true |
===(全等) | A = 10%2 === “0”; //结果A=false |
<(小于) | A = 10 < 20; // 结果A=ture |
<=(小于等于) | A = 20<=20; // 结果A=true |
“=”是赋值号。如:a = 10
“==”等于。只比较两个变量的值,而不管类型。只要值一样,就返回true,否则返回false。
“===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。
三元运算符 ? :
语法:条件表达式 ? 结果1 : 结果2
含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码
12、调用对象的方法
1 消息框 alert()
2 确定框 confirm()
3 提示框 prompt()
13、流程控制:
1 条件语句
if(exp)执行一句代码
if(exp){执行代码段;}
if(exp){exp为true执行代码段}else{exp为false执行代码段;}
if...elseif...
switch...case
if嵌套
2 循环语句
for循环
while循环
do...while循环
3 特殊循环控制
break终止循环
continue跳过当次循环,进入下次循环
14、函数:
1 定义:完成某一功能的代码段;方便管理和优化;可重复执行。
2 需要注意的:
函数名称最好驼峰写法或下划线;
严格区分大小写;
函数名不能覆盖;
函数可以有参数,也可以没有参数.可以是一个,也可以有多个;要一一对应;
全局变量和二次变量;
函数通过return返回值,如果没有return默认发挥undefined;
函数通过事件来调用函数;
未完成,持续更新。