JavaScript

JS简介

什么是JS

• JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。

• 脚本语言：不需要编译(直译)，就可以被浏览器直接解析执行了。

• 运行环境	JVM虚拟机	JS引擎，是浏览器的一部分
  是否跨平台运行	跨平台	跨平台
  语言类型	强类型语言	弱类型，动态类型语言
  是否需要编译	需要编译，是编译型语言	不需要编译，是解释型语言
  是否区分大小写	区分大小写	区分大小写

<script>
    //在这里写js代码
</script>

var num1 = 10;      ----->相当于java中的int num1 = 10;
var str = "itheima";----->相当于java中的String str = "itheima";
var flag = true; -------->相当于java中boolean flag = true;
var date = new Date();--->相当于java中的Date date = new Date();
var num1 = 10,num2 = 20,num3 = 30;---->相当于java中的int num1=10,num2=20,num3=30;
注意: var可以省略不写,建议保留
num1 = 10;
str = "itheima";
flag = true;
date = new Date();

 五种原始数据类型

数据类型	描述	示例
number	数值类型	1, 2, 3, 3.14
boolean	布尔类型	true, false
string	字符串类型	"hello", 'hello'
object	对象类型	new Date(), null
undefined	未定义类型	var a;

JS事件

属性	此事件发生在何时...
onclick	当用户点击某个对象时调用的事件句柄。
ondblclick	当用户双击某个对象时调用的事件句柄。
onchange	域的内容被改变。
onblur	元素失去焦点。
onfocus	元素获得焦点。
onload	一张页面或一幅图像完成加载。
onsubmit	确认按钮被点击；表单被提交。
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按住。
onkeyup	某个键盘按键被松开。
onmousedown	鼠标按钮被按下。
onmouseup	鼠标按键被松开。
onmouseout	鼠标从某元素移开。
omouseover	鼠标移到某元素之上。
onmousemove	鼠标被移动。

 

方法	描述	参数	返回值
boolean test(string)	校验字符串的格式	要校验的字符串	boolean，校验通过返回true

符号	作用
\d	数字
\D	非数字
\w	单词：a-zA-Z0-9_
\W	非单词
.	通配符，匹配任意字符
{n}	匹配n次
{n,}	大于或等于n次
{n,m}	在n次和m次之间
+	1~n次
*	0~n次
?	0~1次
^	匹配开头
$	匹配结尾
[a-zA-Z]	英文字母
[a-zA-Z0-9]	英文字母和数字
[xyz]	字符集合, 匹配所包含的任意一个字符

内置对象之Array数组【重点】

数组常见的函数

concat(arr) 连接两个或更多的数组，并返回结果。
join(str) 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
reverse() 颠倒数组中元素的顺序。

内置对象之-Date日期

创建日期对象

• 创建当前日期：var date = new Date()

• 创建指定日期：var date = new Date(年, 月, 日)

  注意：月从0开始，0表示1月

• 创建指定日期时间：var date = new Date(年, 月, 日, 时, 分, 秒)

  注意：月从0开始，0表示1月

方法	描述
Date()	返回当日的日期和时间。
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)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。

Browser Object Model ,浏览器对象模型. 为了便于对浏览器的操作，JavaScript封装了对浏览器中各个对象，使得开发者可以方便的操作浏览器中的各个对象。

alert() 显示带有一段消息和一个确认按钮的警告框
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框,返回选择的结果,确定(true),取消(false)
setInterval('函数名()',time) 按照指定的周期（以毫秒计）来调用函数或计算表达式
setTimeout('函数名()',time) 在指定的毫秒数后调用函数或计算表达式
clearInterval() 取消由 setInterval() 设置的 Interval()。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

方法	描述	返回值
document.createElement(tagName)	创建标签	Element对象
parentElement.appendChild(sonElement)	插入标签
element.remove()	删除标签
document.createTextNode()	创建文本

getAttribute(attrName)	获取属性值	属性名称
setAttribute(attrName, attrValue)	设置属性值	属性名称, 属性值
removeAttribute(attrName)	删除属性	属性名称