首页 > 代码库 > 第四周JS
第四周JS
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
【for循环】
1、for循环有三个表达式，分别为：①定义循环变量②判断循环条件③更新循环变量
三个表达式之间，用；分隔
for循环三个表达式均可以省略，两个；缺一不可。
2、for循环特点：先判断，再执行；
3、for循环三个表达式，均可以由多部分组成，之间用,分隔;但是，第二部分判断条件需用&&连接，
最终结果需要为真、假*/
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript简介</title>
<!-- [使用JS的三种方式]
1、HTML标签中内嵌JS（不提倡使用）：
<button onclick="javascript:alert(‘小碧池！你真点啊！‘)">有本事点我呀！！！</button>
2、HTML页面中直接使用JS:
<script type="text/javascript">
//JS代码
</script>
3、引用外部JS文件:
<script language="JavaScript" src="http://www.mamicode.com/JS文件路径"></script>
[注意事项]
① 页面中JS代码与引用JS代码，可以嵌入到HTML页面的任何位置。但是，位置不同会影响到JS代码的执行顺序；
例如：<script>在body前面，会在页面加载之前执行JS代码；
② 页面中JS代码，使用type="text/javascript"
引用外部的JS文件，使用language="JavaScript"
③ 引用外部JS文件的<script></script>标签，必须成对出现，且标签内部不能有任何代码！
-->
<script type="text/javascript">
//JS中的注释
// 单行注释。 Ctrl+/
/*
段落注释。 Ctrl+Shift+/
*/
//document.write("<h1>姜浩真帅！</h1>");
/* 【JS中的变量】
* 1、JS中变量声明的写法：
* var width = 10; //使用var声明的变量，只在当前函数作用域有效
width1 = 11; //不使用var，直接赋值生成的变量，默认为全局变量，整个JS文件有效
var a,b,c=1; //同一声明语句同时声明多个变量，变量之间用英文逗号分隔。但，赋值需要单独赋，例如上式中，只有c赋为1，a/b为undefined(未定义)
[声明变量注意事项]
① JS中所有变量类型声明，均使用var关键字。变量的具体数据类型，取决于给变量赋值的类型.
② 同一变量，可以在多次不同赋值时，修改变量的数据类型：
var width = 10;//width 为整形变量
width="哈哈";//width 被改为字符串类型
③ 变量可以使用var声明，也可以省略var。[区别]不使用var，默认为全局变量
④ 同一变量名，可以多次用var声明。但是并没有任何含义，也不会报错。第二次之后的声明，只会被理解为赋值；
2、变量的命名规范：
① 变量名，只能有字母、数字、下划线、$ 组成
② 开头不能是数字
③ 变量区分大小写，大写字母与小写字母为不同变量
3、变量名命名要符合驼峰法则：
变量开头为小写，之后每个单词首字母大写(或单词之间用下划线分隔)；
jiangHaoIsShuaiGe √
jiang_hao_is_shuai_ge √
jianghaoisshuaige ×
4、JS中的变量的数据类型
Undefined：未定义，用var声明的变量，没有进行初始化赋值。 var a;
Null:表示为空的引用。例如，空对象、空数组。
Boolean:真假，可选值 true/false
Number:数值类型。可以是小数，也可以是整数。
String:字符串类型。用""或‘‘包裹的内容，成为字符串。
Object（复杂数据类型）：后续讲解，函数、数组等。。。
5、常用的数值函数：
① isNaN():用于判断一个变量或常量，是否为NaN(非数值)
使用isNaN判断时，会尝试使用Number()函数进行转换，如果能转换为数字，则不是非数值，结果为false
"111" 纯数字字符串，false "" 空字符串，false "1a"包含其他字符，true
true/false 布尔类型，false
② Number():将其他类型转换为数值类型
[字符串类型转数值]
>>> 字符串为纯数值字符串，会转为对应的数字 "111"->111
>>> 字符串为空字符串是，会转为0 ""->0
>>> 字符串包含其他非数字字符时，不能转换 "111a"->NaN
[布尔Boolean类型转数值]
true -> 1 false -> 0
[null/Undefined转数值]
null -> 0 Undefined -> NaN
[Object类型转数值]
*(以后再了解) 先调用ValueOf方法，确定函数是否有返回值，再根据上述各种情况判断。
③ parseInt:将字符串转为数值类型
>>> 空字符串，不能转。结果为NaN
>>> 纯数值字符串，能转。 "123" -> "123" "123.5" -> 123 (小数转化时，直接抹掉小数点，不进行四舍五入)
>>> 包含其他字符的字符串。会截取第一个非数值字符前的数值部分。
"123a456" -> 123 "a123b456" -> NaN
>>> parseInt只能转String类型，Boolean/null/Undefined 均为NaN
④ parseFloat:将字符串转为数值
>>> 使用方式同parseInt。但是，当转化小数字符串时，保留小数点；转化整数字符串时，保留整数；
"123.5" -> 123.5 "123" -> 123
⑤ typeof：用来检测变量数据类型
未定义 -> Undefined 字符串 -> String true/false -> boolean
数值 -> Number 对象/null -> Object 函数 -> function
*/
var a; //声明变量
a=10;//给变量赋值
var width = 10;//声明变量的同时，直接赋值
width="哈哈";
var x,y=9,z=10;
var b = {};
alert(d);
/* [JS中的输入与输出语句]
*
*1、文档中打印输出： document.write();
* 输出语句，将write的()中的内容打印在浏览器屏幕上；
*
* 使用时注意：除变量/常量以外的任何内容，打印时必须放到""中。变量/常量必须放到""外。
* 打印的内容同时有多部分组成时，之间用+链接：
* 例如：document.write("左手中的纸牌："+left+"<br/>");
*
*2、弹窗输出： alert();
* 弹窗警告，()中的使用方式，同上
3、弹窗输入:
两部分参数：①输入框上面的提示信息，可选
②输入框里面的默认信息，可选
两部分之间用逗号分隔，只写一部分，默认为提示信息
默认接收为字符串类型
可以定义变量接收输入内容，例如
var name =prompt("请输入您的名字");点击确定按钮输入成功，点击取消按钮，name=null;
*/
</script>
<script language="JavaScript" src=""></script>
</head>
<body>
<button onclick="javascript:alert(‘小碧池！你真点啊！‘)">有本事点我呀！！！</button>
</body>
</html>
第四周JS