一、学习目标
掌握JavaScript的组成
掌握JavaScript的基本语法
会定义和使用函数
会使用工具进行代码调试
二、JavaScript概念
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。（是一种辅助型工具）
JavaScript特点：
1、向HTML页面中添加交互行为
2、脚本语言，语法和Java类似
3、解释性语言，边执行边解释
JavaScript组成：
ECMAScript：JavaScript语言的标准
DOM：访问和修改网页的内容，操作网页的结构，控制网页的样式
BOM：操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。
JavaScript的基本结构：
<script type="text/javascript">
<!—
JavaScript 语句;
—>
</script >
示例：
……
<title>初学JavaScript</title>
<script type="text/javascript">
document.write("初学JavaScript");
document.write("<h1>Hello，JavaScript</h1>");
</script>
</head>
<body>
</body>
</html>
注：
可以放在文档中的任何地方，只要保证被使用前已读取并加载到内存（一般放在头部head中）
document指当前文档
.write会解析html语言
当语句中出现多对引号时加/来进行引号的转义
三、网页中JavaScript的引用
使用<script>标签
外部JS文件：<script src="export.js" type="text/javascript"></script>
直接在HTML标签中：
<input name="btn" type="button" value="弹出消息框"
onclick="javascript:alert('欢迎你');"/>
内外部的js跟css的大同小异，但是引用不同，
js的引用是<script typr='' src=''></script>、
css的引用是<link href=''/>
四、变量
变量的使用有三种方法：
先声明变量再赋值：
var width;
width = 5;
同时声明和赋值变量：
var catName= "皮皮";
var x, y, z = 10;
不声明直接赋值（一般不建议使用，很容易出错，也很难排查找错）：
width=5;
五、数据类型（有，只是不是很敏感）
undefined：默认值
null：空值，与undefined值相等（本质上属于object类型）
number：数值，整数、浮点数
Boolean：true和false
string：文本类型
object：表示任意对象，是一种泛指，可以向任意类型转换。
空和无：null是空，无是有引号，只是没有内容。
六、typeof运算符（用于返回当前数据类型）
typeof运算符返回值如下
undefined：变量被声明后，但未被赋值
string：用单引号或双引号来声明的字符串
boolean：true或false
number：整数或浮点数
object：javascript中的对象、数组和null
七、string对象
属性（字符串对象.方法名();）：
charAt(index)：返回在指定位置的字符。
indexOf(str，index)：查找某个指定的字符串在字符串中首次出现的位置。
substring(index1，index2)：返回位于指定索引index1和index2之间的字符串，并且包括索引 index1对应的字符，不包括索引index2对应的字符。
split(str)：将字符串分割为字符串数组a数组。
八、数组
创建数组：var 数组名称 = new Array(size);
访问数组的方式：数组名[下标]
数组常用的属性和方法：
属性：
length：设置或返回数组中元素的数目
方法：
join( )：把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
sort()：对数组排序
push()：向数组末尾添加一个或更多 元素，并返回新的长度
九、运算符
算术运算符：+ - * / % ++ —
赋值运算符：= += -=
比较运算符： < >= <= == != === !==
逻辑运算符：&& || !
===：绝对等于，在原有相等的条件下，还需要判断数据类型是否相等。
十、逻辑控制语句：
if条件语句（Boolean类型）：
if(条件)
{
//JavaScript代码;
}
else
{
//JavaScript代码;
}
Switch多分支语句：
switch (表达式)
{ case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
...
default :
JavaScript语句3;
}
for、while（先循环再判断）循环语句：
for(初始化; 条件; 增量)
{
JavaScript代码;
}
while(条件)
{
JavaScript代码;
}
循环中断：
break：跳出整个循环
continue：只跳出当前这个小循环
十一、注释
单行注释以 // 开始，以行末结束
alert("恭喜你！注册会员成功"); //在页同上弹出注册会员成功的提示框
多行注释以 /* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序中的注释
html中的注释符号是：<!--”和“-->”
css中的注释符号是：以“斜杠+星号(/*)”开始,“星号+斜杠(*/)”结束;
/*
使用for循环运行“document.write("<h3>Hello World</h3>");”5次
使用document.write在页面上输出“Hello World”
*/
十二、常用的输入/输出
alert(输出)：alert("提示信息");
prompt（输入）：prompt("提示信息", "输入框的默认信息");
alert（前面有对象，但是使用频率比较高所以就省了，前面的对象应该是Window）
语法规定：
代码区分大小写
变量、对象和函数的名称
分号
十三、程序调试（定位问题代码的位置）
谷歌调试：在浏览器用F12调出控制台
alert（适用于代码量小）：将代码进行划分，然后在尾部加alert（）看是否有输出来定位。
十四、常用系统函数
parseint（“字符串”）将字符串转换为整型数字
parsefloat（“字符串”）将字符串转换为浮点型数字
isNan（）用于检查其参数是否是非数字
十五、自定义函数：
function 方法名（）{ 函数体 }
function 函数名( ){
//JavaScript语句
[return 返回值]
}
在需要调用的地方加这行：
onclick="study( )"无参函数的调用不需要声明实参
οnclick="study(prompt('请输入显示欢迎学习JavaScript的次数:',''))"有参函数在定义时有多少参数，调用时就需要声明多少个实参
‘’的优先级比“”的低：特殊情况下用，一般都是加反斜杠
十六、变量的作用域
全局变量：类似于社会中的公共设施，都可以使用
局部变量：类似于停车场的私有车位，别人不能占用
十七、事件
onload：一个页面或一幅图像完成加载
onlick：鼠标单击某个对象
onmouseover：鼠标指导移到某元素上
onkeydown：某个键盘按键被按下
onchange：域的内容被改变
十八、总结
JavaScript的初次接触难度就开始上来了，不再是简单的代码记忆就能解决问题了。根据做的那个练习来看也开始需要有自己的编程语言的逻辑了。
16万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
