JavaScript基础-慕课网
JavaScript基础-慕课网
2018年08月05日 15:40:28
阅读数：71
第01课 - - 接触JavaScript
一.学习原因
1.为什么学习JavaScript
1.基于对象、事件驱动的简单脚本语言。
2.由浏览器负责解释和执行。
3.它让网页呈现动态效果，并实现与用户交互。
2.易学性
1.只要有文本编辑器就可编写
2.可通过简单命令完成一些基础操作。
3.从何学起
起点就是处理网页，先学习基础语法与使用DOM进行简单操作。
二.插入JS
1.
2.单独创建
把HTML与JS代码分开，并单独创建一个JavaScript文件，其文件后缀通常为js，再将JS代码写在JS文件中。（JS文件中不需要
三.页面中的位置
可放在HTML中的任何位置，但是一般放在head和body部分中。（初始化的js放于head部分，通过事件调用执行的js代码没什么要求）
1.head位置
一般放与head中。用于初始化的JS代码一般放在head中，HTML从上至下执行，用于设置CSS样式的js代码需要在页面加载前执行。
2.body位置
网页读取到该位置时就执行。
四.基本语句、符号
JavaScript是发给浏览器的命令，，告诉浏览器该做什么。
1.“;”分号
1.通常在语句后面加上一个“;”号表示结束（需要在英文状态输入）
语句;
2.不加不会报错，但是要养成良好的编程习惯。
2.注释
提高可读性，方便自己与他人理解。
1.单行注释
//
2.多行注释
/* */
3.变量（弱类型语言（值不需指定类型））
字面意思理解为可变的量。编程角度则为用于存放某种、某些数据的容器。
命名规则：
1.字母、下划线、美元符号开始。（之后可使用数字）
2.不能是JavaScript保留字或关键字。
3.区分大小写
语法：（定义变量使用关键字var）
var 变量名
使用：（先声明后使用（可直接使用，但不规范））
var mychar;
mychar="javascript";
mychar="hello";
4.判断语句if…else…
条件满足时执行if不满足时执行else。
if(条件){
条件满足执行的语句
}else{
条件不满足执行的语句
}
5.函数
完成特定功能的一段代码，用函数封装提高了代码复用性。
定义：
function 函数名(){
函数代码;
}
函数调用：
HTML中通过点击事件调用函数:
直接在脚本中调用:
通过超链接调用
N.扩展
1.type="text/javascript"
那些老旧的实例可能在
第02课 - - JavaScript入门
一.JavaScript输出内容
1.document.write();
向HTML输出流中写内容，简单说就是直接在网页中输出内容。
1.字符串直接输出。
2.变量输出。
3.多项内容，加号连接输出。
4.也可输出HTML标签。例：“"
"”
2.消息对话框
消息对话框点击确定之前，不能执行任何操作（排它性）。输出内容可是字符串、变量。（与document.writer()类似）
alert();：
警告、消息对话框。弹出一个提示框（带有一个确定按钮）。
1.一般可用于调试程序。
confirm();：
允许用户做选择，点击返回boolean值，确定返回true，取消返回false。
prompt();：
询问用户信息，包含：确定、取消、文本框。
确定则返回文本框值，取消则返回null。
2.打开、关闭窗口
1.打开新窗口：
window.open(URL,窗口名,参数字符串);
URL：打开窗口的路径
窗口名：
_blank：新窗口打开
_slef：当前窗口打开
_top：框架网页窗口的上部打开
其他：只能打开一个同名字窗口（不能有空格）
参数字符串：
例：
window.open("2018-04-23-ContactJavaScript.html","_blank","width=1000,height=200,toolbar=yes");
2.关闭窗口：
window.close(); //关闭当前窗口（不能关闭非脚本打开的窗口）
窗口对象.close(); //关闭指定窗口
第03课 - - 了解DOM
一.认识DOM
1.DOM（文档对象模型Document Object Model）
1.定义访问、处理HTML文档的标准方法
2.DOM将HTML呈现为：元素、属性、文本 的树结构（节点树）
二.DOM方法设置元素
2.通过ID获取元素
document.getElementById("id名");
3.innerHTML属性
获取或替换HTML元素的内容。
对象.innerHTML = 值; //获取元素对象的内容，再修改。
4.object.style.property = new style;
对象.style.样式属性= "样式值"; //改变HTML元素样式
5.object.className = classname
对象.className = "样式名"; //改变元素class属性引用的样式
6.对象.removeAttribute("元素属性名");
删除元素的该属性。
第04课 - - JavaScrpt进阶
一.数组
1.创建（A要大写）
var object = new Array(); //如果参数为数字，则定义数组初始长度（可变）。
var object = new Array(值1,值2); //声明同时赋值
var object = [值1,值2]; //直接输入一个数组（字面量数组）
2.操作数组的方法
arrayObj.pop();
删除最后一个元素，返回该值
arrayObj.shift();
删除最前一个元素，返回该值
arrayObj.splice(deletePos,count);
删除从指定位置开始，指定个数的元素，数组形式返回删除的数。
arrayObj.unshift(item1,item2,…);
在开始添加一个或多个元素。
arrayObj.push(item1,item2,…);
在结尾添加一个或多个元素。
arrayObj.splice(insert,0,item1,item2,…);（与上面删除同方法，参数不同）
在指定位置插入多个元素。
arrayObj.slice(start,end);
数组形式返回数组一部分。（不包括end）
arrayObj.concat(item1,item2,…);
将多个数组或字符串连接为一个数组
arrayObj.join(separator);
返回字符串，每个元素中间用separator隔开
3.二维数组
多一对“[]”号：var object = [[1,2,…],[1,2,…],….] ;
二.事件
1.常用事件
当在使用了该事件的标签上，做出指定操作时触发。
2.值得注意：
onchange在改变文本之后，需要失焦才能触发。（相对oninput事件更好）
onload支持标签：（需要指定图片路径才算加载完成）
, ,