【js总结】

一、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 src="js/fenzuang.js"></script> 
	<!--在body闭合标签前引入写好的js叫内部方式-->
	</body>
</html>

外部方式:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript"></script>
		<!--在head闭合标签上引入方式叫外部引入方式-->
	</head>
	<body>
		
	</body>
</html>

 二、js中的输出方式:

1、alert()                         (弹出框)

2、promt()                       (提示框)

3、confirm()                     (确认框

2、document.write()        (一种直接显示的输出方式)

三、js中的五种基本数据类型:

1、number       数值型

2、string         字符串

3、boolean      布尔型

4、null            空

5、undefined   未定义的

特殊类型:object(对象)

四、变量命名规范:

1、严格区分大小写、允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和特殊符号,不能是中文.

2、驼峰式命名

3、语义化(命名含义明确)

4、重名会产生覆盖

5、禁止使用JavaScript关键词、保留字全名

五、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

 六、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("重汇") 【重汇】 外面写的话不会跳 只会出现;

七、js中的类型转换:

1、parseInt         将值转换为整型

2、parseFloat      将值转化为浮点型

3、string            将值转换为字符串

4、number          将值转换为数字(整型或浮点型)

5、boolean         将值转化为布尔类型

八、运算符

算数运算符

 + - * / %(余) 

逻辑运算符

|| (逻辑或):只有前后都是false的时候才返回false,否则返回true。

&& 逻辑与):只有前后都是true的时候才返回true,否则返回false。

!(逻辑非):取逻辑反面

三元运算符

a>b?alert(1):alert(2)条件表达式? 表达式1:表达式2

比较运算符

 == ,===,>,<,>=,<=,!=

字符连接符

+

赋值运算符
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

 九、流程控制:

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     跳过单次循环,进入下次循环

十、函数:

1、定义:完成某一功能代码段、方便代码维护、可以重复利用

2、需注意:   不能包括特殊字符

                    最好驼峰式写法

        不能重复否则会产生覆盖

                    可以有参数也可以没有参数

                    函数通过return返回,如果没有return那么将自动返回undefined

十一、测试编码URI的函数

encodeURI 空格转特殊符号.

decodeURI 全部解析.

encodeURiComponent 所以字符转换特殊符号

decodeURiComponent 全部解析.

原文地址:https://www.cnblogs.com/FFPING/p/8228078.html