第七次网页前端培训笔记

一，对象

（1）内置对象

Arguments 只在函数内部定义，保存了函数的实参

Array 数组对象

Date 日期对象，用来创建和获取日期

Math数学对象

String字符串对象，提供对字符串的一系列操作

（2）String

charAt(idx|)
返回指定位置处的字符
index0f (Chr)
返回指定子字符串的位置，从左到右。找不到返回-1
substr(m,n)
返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾。
substring(m,n)
返回给定字符串中从m位置开始，到n位置结束，如果参数n省略，则意味着取到字符串末尾。
toLowerCase( )
将字符串中的字符全部转化成小写。
toUpperCase( )
将字符串中的字符全部转化成大写。
length
属性，不是方法，返回字符串的长度。

（3） Math

Math . random()随机数
Math. ceil()向上取整，大于最大整数
Math. floor()向小取整，小于最小整数Str ing

（4） Date

//获取日期
getFullYear()年
getMonth()月
getDate()日
getHours( )时

getSecond()秒

二，事件

4.1.事件

      事件(Event)是JavaScript应用跳动的心脏，进行交互，使网页动起来。当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容.上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是Web浏览器中发生的事情，比如说某个Web页面加载完成，或者是用户滚动窗口或改变窗口大小。

通过使用JavaScript，你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应。

4.2.作用

(1)验证用户输入的数据。(2)增加页面的动感效果。(3)增强用户的体验度

4.3.事件中的几个名词

事件源:谁触发的事件
事件名:触发了什么事件
事件监听:谁管这个事情，谁监视?

事件处理:发生了怎么办

例如

闯红灯 事件源:车; 事件名:闯红灯; 监听:摄像头、交警; 处理:扣分罚款

单击按钮 事件源:按钮; 事件名:单击: 监听:窗口; 处理:执行函数
 

HTML 事件

HTML 事件可以是浏览器行为，也可以是用户行为。

以下是 HTML 事件的实例：

• HTML 页面完成加载
• HTML input 字段改变时
• HTML 按钮被点击

      通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

单引号/双引号

<some-HTML-element some-event='JavaScript 代码'>
<some-HTML-element some-event="JavaScript 代码">

实例：

<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>

代码效果 ：