一、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 全部解析.