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()
返回带有指定签名的对象集合