了解JavaScript（下）-优快云博客

本文链接：https://blog.youkuaiyun.com/jtjeeeee/article/details/124711141

一，函数

被设计为执行特定任务的代码块

格式：

unction 函数名(参数1,参数2...){}或者var 函数名=functio(参数列表){}

形式参数不需要类型（弱类型）

二、对象

1、基础对象

1）Array
用于定义数组
var 变量名=new Array(元素列表);
var 变量名=[];
访问与java一样
js中的数组是变长、变类型的（数组元素数据类型可以不一样）
属性：length
#方法#
push()添加
splice(start,number)删除(从start开始删除number个)

2）String
定义字符串用单引号或者双引号都可以
与java中的String的方法区别不大
trim()去除空格

3）自定义对象
var 对象名称={
   属性名1:属性值1,
   属性名2:属性值2,
   ......
   方法名:function(){}
}
这只是自定义对象，定义类参看之前的在线教程

2、BOM对象

1）Browser Object Model浏览器对象模型
JavaScript将浏览器的各个组成部分封装为对象
2）组成:
window:浏览器窗口对象
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
Location:地址栏对象

3）window
直接使用window，其中window.可以省略
#方法#

方法	描述
alarm()	警告框
confirm()	显示带有一段消息及确认按钮和取消按钮的对话框（确定返回true，取消返回false）
setInterval(fun,毫秒数)	按照指定的周期（毫秒为单位）来调用函数或者计算表达式
setTimeout(fun,毫秒数)	在指定的毫秒数后调用函数或计算表达式

4）History
window.history.方法();window.可省略
方法
back();加载history列表中的前一个url
forward();加载history列表中的下一个url

5）Location
window.location.方法();window.可省略
属性
href();设置或返回完整的url

更多方法和属性查看在线教程

3、DOM对象

通过它对html进行操作，Document Object Model文档对象模型（DOM）
将标记语言的各个组成部分封装为对象

对象	描述
Document	整个文档对象
Element	元素对象
Attribute	属性对象
Text	文本对象
Comment	注释对象

获取Element对象
1. getElementByld:根据id属性值获取，返回一个Element对象
2. getElementsByTagName:根据标签名称获取，返回Element对象数组
3. getElementsByName:根据name属性值获取，返回Element对象数组
4. getElementsByClassName:根据class属性值获取，返回Element对象数缉
通过这些对象可以调用相应的方法，方法参看在线教程

三，事件

1、事件监听

事件是发生在html元素上的“事情”，比如点击。。。
事件监听：JavaScript可以在事件被侦测到时执行代码

2、事件绑定

通过html标签中的事件属性进行绑定
通过DOM元素属性绑定

3、常见事件

事件	描述
onelick	鼠标单击事件
onblur	元素失去焦点
onfocus	元素获得焦点
onload	某个页面或图像被完成加载
onsubmit	当表单提交时触发该事件
onkeydown	某个键盘的键被按下
onmouseover	鼠标被移到某元素之上
onmouseout	鼠标从某元素移开

四，正则表达式

1、定义
直接量var reg=正则表达式;
创建RegExp对象：var reg=new RegExp("正则表达式")

2、语法

符号	描述
^	表示开始
$	表示结束
[]	代表某个范围内的单个字符，比如:[0-9]单个数字字符
.	代表任意单个字符，除了换行和行结束符
\w	代表单词字符:字母、数字、下划线C_)。相当于[A-Za-z0-9...]
\d	代表数字字符:相当于[0-9]