JavaScrip事件总结

作者：李文涛
撰写时间：2020年4月28日

Javascript简称JS，是一种轻量级且具有函数优先的编译型编程语言。Javascript常用于Web页面开发的脚本语言，支持面对对象编程，命令式和函数式编程的风格。
事件流描述的是从页面中接收事件的顺序，IE和Netscape提出来差不多完全相反的事件流的概念，IE事件流是事件冒泡流，Netscape事件流是事件捕获流。

Date日期种类：

日期对象可以储存任意一个日期，并且可以精确到毫秒数。
定义一个时间对象 :
var Udate=new Date()。

String字符串对象

在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。
var mystr = “I love JavaScript!”
定义mystr字符串后，我们就可以访问它的属性和方法。

访问字符串对象的属性length

stringObject.length：返回该字符串的长度。
var mystr=“Hello World!”;
var myl=mystr.length;
myl 的值将是：12

访问字符串对象的方法
使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：
var mystr=“Hello world!”;
var mynum=mystr.toUpperCase();
mynum 的值为：HELLO WORLD

返回指定位置的字符
charAt()：方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
stringObject.charAt(index)

字符串分割split()
split()：方法将字符串分割为字符串数组，并返回此数组。
stringObject.split(separator,limit)

提取字符串substring()

substring()：方法用于提取字符串中介于两个指定下标之间的字符。
stringObject.substring(startPos,stopPos)

提取指定数目的字符substr()
substr():方法从字符串中提取从 startPos位置开始的指定数目的字符串。
stringObject.substr(startPos,length)

Math对象:

Math对象，提供对数据的数学计算。使用Math的属性和方法.

向上取整ceil()
ceil():方法可对一个数进行向上取整。
Math.ceil(x)

向下取整floor()
floor():方法可对一个数进行向下取整。
Math.floor(x)

四舍五入round()
round():方法可把一个数字四舍五入为最接近的整数。
Math.round(x)；

随机数 random()
random():方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
Math.random()

Array数组对象:

数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的.
数组定义的方法
定义了一个空数组:
var 数组名 = new Array();
定义时指定有n个空元素的数组：
var 数组名 = new Array(n);
定义数组的时候，直接初始化数据：
var 数组名 = [<元素1>, <元素2>, <元素3>…];

数组方法
数组连接concat()
concat():方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。
arrayObject.concat(array1,array2,…,arrayN);

指定分隔符连接数组元素join()
join():方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
arrayObject.join(分隔符);

颠倒数组元素顺序reverse()
reverse():方法用于颠倒数组中元素的顺序。
arrayObject.reverse();

选定元素slice()
slice():方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end);

数组排序sort()
sort():方法使数组中的元素按照一定的顺序排列。
arrayObject.sort(方法函数);

window对象:

window对象是BOM的核心，window对象指当前的浏览器窗口。

window对象方法
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。

计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。
setInterval(代码,交互时间);

计时器setTimeout()
setTimeout():计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout(代码,延迟时间);

History 对象
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
window.history.[属性|方法];

History 对象属性
使用length属性，当前窗口的浏览历史总长度。

返回前一个浏览的页面
back()方法:加载 history 列表中的前一个 URL。
window.history.back();
window.history.back();
back()相当于go(-1).
window.history.go(-1);

返回下一个浏览的页面
forward()方法，加载 history 列表中的下一个 URL。如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法。
window.history.forward();
forward()相当于go(1)。
window.history.go(1);

返回浏览历史中的其他页面
go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。
window.history.go(number);

浏览器中，返回当前页面之前浏览过的第二个历史页面。
window.history.go(-2);

屏幕分辨率的高和宽window.screen
window.screen 对象包含有关用户屏幕的信息。
screen.height 返回屏幕分辨率的高。
screen.width 返回屏幕分辨率的宽。

屏幕可用高和宽度
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。
screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。

Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
location.[属性|方法]；
location对象属性图示:e/details/78625209；

JavaScrip事件总结

猜你喜欢