Day 40 学习分享 - JavaScript

1. JavaScript概念

	JavaScript是一门独立的语言, 基于对象和事件驱动的, 具有安全性能的脚本语言.
	JavaScript是运行在浏览器端, 由浏览器来解释并运行的!
	JavaScript是一门弱类型的语言.
	JavaScript语法和Java类似

JavaScript分为了三大模块:
	1. ECMAScript:
		定义了JavaScript的核心语法
	2. BOM(Brower Object Model):
		浏览器对象模型, 定义了浏览器的相关操作
	3. DOM(Document Object Model):
		文档对象模型, 定义了网页中标签的操作

2. JavaScript基本结构

JS可以写在三个位置:
	行内式(不推荐)
	头部式(不推荐)
	外部式(标准)

3. JavaScript语法

基础语法:
	<script>----</script>

	<script>---</script>可以包含在文档中的任何地方.
	只要保证这些代码在被使用前已读取并加载到内存即可,但是放入的位置不同,执行的顺序不同!

声明变量:
	JS中所有的变量声明都使用var关键字来完成
	
输入和输出:
	document.write("想要输出的语句") 输出语句
	window.prompt("请输入一句话") 输入语句
	
	prompt默认接收的是字符串!
	
常用函数:
	parseInt("字符串") 
		将字符串转换为整型数字
	isNaN("要检测的内容")
		用于检查参数是否为数字, 返回boolean值
	push(要添加的参数)
		向数组末尾添加一个或多个元素, 返回新数组长度
	join(分隔符)
		将数组中所有元素放入一个字符串, 通过分隔符进行分割
	Math.floor("数字")
		将一个数字的小数部分舍去
	Math.ceil("数字")
		将一个数字的小数部分舍去并加1
	

4. 自定义函数

语法:
	function 函数名(参数1,参数2...) {
		// JavaScript语句
		[return 返回值]---可有可无
	}
	
JS中的函数需要被调用才能执行! 一般使用事件来触发这个函数
例如:单击,双击,鼠标移动上去等

5. Date类

var myDate = new Date()
	Date对象会自动把当前日期和时间保存为其初始值
	
常用API
	getDate()
		从Date对象返回一个月中的某一天(1~31)
	getDay()
		从Date对象返回一周中的某一天(0~6)
	getMonth()
		从Date对象返回月份(0~11)
	getFullYear()
		从Date对象以四位数返回年份
	getHours()
		返回Date对象的小时(0~23)
	getMinutes()
		返回Date对象的分钟(0~59)
	getSeconds()
		返回Date对象的秒数(0~59)
	getMilliseconds()
		返回Date对象的毫秒(0~999)

6. 定时函数

setInterval()
	按照指定的周期(毫秒计)来调用函数或者计算表达式
	
setTimeout()
	在指定的毫秒数后调用函数或计算表达式
	
clearInterval()
	取消由setInterval设置的定时函数

clearTimeout()
	取消由setTimeout设置的定时函数

7. 常用事件

语法:
	<input type="button" value="..." 事件="函数"/>
例如:
	<input type="button" value="点击我" onclick="sayHi();"/>

单击事件: onclick
双击事件:  ondblclick
鼠标移动上去: onmouseenter
鼠标离开: onmouseout、onmouseleave
鼠标在元素上移动的时候: onmousemove
鼠标按下去瞬间触发: onmousedown
鼠标松开的时候触发: onmouseup
body标签上有一个事件 onload = 函数();

8. 对象方法

getElementById()
	返回对拥有指定ID的第一个对象的引用
	
getElementsByName()
	返回带有指定名称的对象集合
	
getElementsByTagName()
	返回带有指定签名的对象集合