JS的对象,事件

1、常用事件:

abort

onabort(对象载入被中断时)

blur

onblur(元素失去焦点)

change

onchange(选中的元素变化)

click

onclick(单击鼠标)

dblclick

ondblclick(双击鼠标左键)

error

onerror(当JS脚本出错时,在Window对象上触发,当<img>出错时在其上触发,当<Object>指定对象无法载入时触发)

focus

onfocus(得到焦点)

keydown

onkeydown(键盘键被按下时触发。如果一直按着某键,则会不段触发。当返回False时,取消默认动作)

keypress

onkeypress(按下一个键,产生一个字时触发,一次只产生一个事件)

keyup

onkeyup(释放键盘上的按键时触发)

load

onload(当对象被载入时)

mousedown

onmousedown(单击任何一个鼠标按键时触发)

mousemove

onmousemove(鼠标在某个元素上移动时持续触发)

mouseout

onmouseout(将鼠标从指定的元素上移开时触发)

mouseover

onmouseover(鼠标移到某个元素上时触发)

mouseup

onmouseup(释放任意一个鼠标按键时触发)

reset

onreset(单击重置按钮,的<form>上触发)

resize

onresize(窗口或框架的大小发生改变时触发)

scroll

onscroll(在任何带滚动条的控件滚动时)

select

onselect(选中文本时)

submit

onsubmit(单击提交按钮时在<form>上触发)

unload

onunload(Window对象或框架卸载后)

onselectstart(当开始选中文本时,如果设置值为false,则不选中文本)

2、常用对象:

Global、String、Math、Date、Window、Document、Location、Array、Function、Number、History、Event对象。

Global对象(全局函数):

eval(x)

求值,返回表达式x的值

isFinite(number)

对有限数返回真

isNaN(number)

对非数字返回真

parseFloat(String)

转化为浮点值

parseInt(String,radix)

将字符串转化为一个整数

escape(String)

将字符串变为新的字符串,有些字符根据RFC1738转换成转义序列

unescape(String)

将escape()编码的字符串转换成它的ASCⅡ码

encodeURI(uri)

用UTF-8编码将uri变成编码URI

decodeURI(uri)

进行encodeURI()函数的递归转换

encodeURIComponent(uriComponent)

用UTF-8编码将uriComponent变成编码URI

DecodeURIComponent(uriComponent)

进行encodeURIComponent()函数的递归转换

String对象:

(1)属性:

length:长度

prototype:返回对象类型原型的引用

constructor:创建对象的函数

(2)方法:

anchor(name)

添加<a name=name ></a>标记对

big()

添加<big></big>标记对

bold()

添加<b></b>标记对

charAt(index)

返回字符串对象中的指定索引号的字符组成的字符串,位置的有效值为0到字符串长度减1的数值。一个字符串的第一个索引位置为0,第二个为1,依次类推。当指定的索引位置超出有效范围时,charAt返回一个空字符串。

charCodeAt(index)

返回一个整数,该整数表示字符串对象中指定位置处的字符Unicode编码

concat(s1,,,,,sn)

将调用方法的字符串与指定字符串结合,结果返回新字符串

fontcolor

为字符串对象中加入的内容加上html的<font></font>标记对,并设置color属性,可以是颜色的16进制值,也可以是颜色的预定义名

fontsize(size)

为字符串对象中的内容两边加上html的<font></font>标记对,并设置size属性

indexOf(pattern)

返回字符串中包含pattern所代表参数的第一次出现的位置值。如果不包含则返回-1

indexOf(Pattern,startIndex)

同上,只是从startIndex指定位置开始查找

lastIndexOf(Pattern)

返回字符串中包含pattern所代表参数的最后一次出现的位置值。如果不包含则返回-1

lastIndexOf(Pattern,startIndex)

同上,只是从startIndex指定位置开始

localeCompare(s)

用特定方法比较字符串与s字符串。如果字符串相等,则返回0,否则返回一个非0的数字值

link

为字符串对象中的内容两边加上超级链接标记对,即把字符串显示为超链接

match(regExp)

使用正则表达式模式对字符串执行搜索,并返回一个包含该搜索结果的数组。

replace(searchValue,repalceValue)

将searchValue换成repalceValue并返回结果

search(regExp, [int begin])

返回使用正则表达式搜索时,第一个匹配的子字符串在整个被搜索的字符串中的位置,位置从0开始计数,即第一个字符的位置为0

slice(start,end)

返回从start开始到end前一个字符的子串(不定义end时返回从start开始到末尾的子串)

split(separator,limit)

用separator分隔符将字符串划分成子串并将其存储到数组中,如果指定了limit,则数组限定为limit指定的数,separator分隔符可以是多个字符或一个正则表达式,它不作为任何数组元素的一部分返回

substr(start,length)

返回字符串中从startIndex开始的length个字符的子字符串

substirng(from,to)

返回以from开始,以to结束的子字符串

sub()

为字符串对象中的内容两边加上html的<sub></sub>标记对

sup()

为字符串对象中的内容两边加上htnl的<sup></sup>标记对

toLowerCase()

返回一个字符串,该字符串中的所有字母都被转换成小写字母

toLocaleLowerCase()

返回变成小写后的字符串

toString()

返回对象的字符串值

toUpperCase()

返回一个字符串,该字符串中的所有字母都被转换成大写字母

toLocaleUpperCase()

返回变成大写后的字符串

ValueOf()

返回对象的字符串值

Math对象

(1)方法:

abs(x)

返回x的绝对值

acos(x)

返回x弧度的反余弦

asin(x)

返回x弧度的反正弦

atan(x)

返回x弧度的反正切

atan2(x,y)

返回坐标(x,y)对应的极坐标角度

ceil(x)

返回大于或等于x的最小整数

cos(x)

返回x的余弦

exp(x)

返回e的x乘方

floor(x)

返回 小于或等于x的最大整数

log(x)

返回x的自然对数

max(x,y)

返回x和y中的最大数

min(x,y)

返回x和y中的最小数

pow(x,y)

返回x对y的次方

random()

返回0和1之间的随即数

round(x)

返回最接近x的整数,即四舍五入函数

sin(x)

返回x的正弦值

sqrt(x)

返回x的平方根

tan(x)

返回x的正切值

(2)属性:

E

欧拉常量(2.718281828459045)

LN2

2的自然对数(0.6931471805599453)

LN10

10的自然对数(2.3025850994046)

LOG2E

以2为底数e的对数(1.4426950408889633)

LOG10E

以10为底数e的对数(0.4342944819032518)

PI

圆周率常数(3.141592653589793)

SQRT1-2

0.5的平方根(0.7071067811865476)

SQRT2

2的平方根(1.14142135623730951)

Date对象:

(1)方法

get[UTC]FullYear()

返回Date对象中的年份,用4位数表示,采用本地时间或世界时

get[UTC]Year()

返回Date对象中的年份,一般不使用该方法,而使用getFullYear()

get[UTC]Month()

返回Date对象中的月份(0—11),采用本地时间或世界时

get[UTC]Date()

返回Date对象中的日数(1—31),采用本地时间或世界时

get[UTC]Day

返回Date对象中的星期(0—6),采用本地时间或世界时

get[UTC]Hours()

返回Date对象中的小时数(0—23),采用本地时间或世界时

get[UTC]Minutes()

返回Date对象中的分钟数(0—59),采用本地时间或世界时

get[UTC]Seconds()

返回Date对象中的秒数(0—59),采用本地时间或世界时

get[UTC]Milliseconds()

返回Date对象中的毫秒数, 采用本地时间或世界时

getTimezoneoffset()

返回日期 的本地时间和UTC表示之间的时差,以分钟为单位

getTime()

返回Date对象的内部毫秒表示。注意,该值独立于时区,所以没有单独的getUTCtime()方法

set[UTC]FullYear()

设置Date对象中的年,用4位数表示,采用本地时间或世界时

set[UTC]Year()

设置Date对象中的年,采用本地时间或世界时

set[UTC]Month()

设置Date对象中的月,采用本地时间或世界时

set[UTC]Date()

设置Date对象中的日,采用本地时间或世界时

set[UTC]Hours()

设置Date对象中的小时,采用本地时间或世界时

set[UTC]Minutes()

设置Date对象中的分钟,采用本地时间或世界时

set[UTC]Seconds()

设置Date对象中的秒数,采用本地时间或世界时

set[UTC]Milliseconds()

设置Date对象中的毫秒数,采用本地时间或世界时

setTime()

使用毫秒形式设置Date对象的各字段

toDateStirng()

返回日期的日期部分的字符串表示,采用本地时间

toUTCString()

将Date对象转换成一个字符串,采用世界时

toLocaleDateString()

返回表示日期的日期部分的字符串,采用地方日期

toLocaleTimeString()

返回日期的时间部分的字符串,采用本地时间

toString()

将Date对象转换成一个字符串,采用本地时间

toTimeString()

返回日期的时间部分的字符串表示,采用本地时间

ValueOf()

将Date对象转换成它的内部毫秒表示

Window对象:

(1)属性:

document

对窗口或框架中含有文档的Document对象的只读引用

document.body.offsetHeight; 返回当前网页高度

defaultStatus

一个可读写的字符,用于指定状态栏的默认消息

frames

表示当前对象中所有frame对象的集合

location

用于代表窗口或框架的Location对象。如果将一个URL赋予给该属性,那浏览器将加载并显示该URL指定的文档

length

窗口或框架包含的框架个数

history

对窗口或框架的History对象的只读引用

name

用于 存放窗口的名字

status

一个可读写的字符,用于指定状态栏中的当前信息

top

表示最顶层的浏览器窗口

parent

表示包含当前窗口的父窗口

opener

表示打开当前窗口的父窗口

closed

一个只读的布尔值,表示当前窗口是否关闭。但浏览器窗口关闭时,表示该窗口的Window对象并不会消失,不过它的Closed属性被设置成True

self

表示当前窗口

screen

对窗口或框架的Screen对象的只读引用,提供屏幕尺寸、颜色深度等消息

screen.availWidth 返回当前屏幕宽度(空白空间) //avail Height

screen.width 返回当前屏幕宽度(分辨率值)// Height

navigator

对窗口或框架的Navigator对象的只读引用,通过Navigator对象可以获得与浏览器相关的信息

方法

alert()

弹出一个警告对话框

confirm()

显示一个确认对话框,单击确认按钮时返回True,否则返回False

prompt()

弹出一个提示对话框,并要求输入一个简单的字符串

blur()

把键盘焦点从顶层浏览器窗口中移走。在多数平台上,这将使用窗口移到最后面

close()

关闭窗口

focus()

把键盘焦点从顶层浏览器窗口中移走。在多数平台上,这将使用窗口移到最前面

open()

打开一个新窗口

scrollTo(x,y)

把窗口滚动到指定的x,y坐标指定的位置

scrollBy(offsetx,offsety)

按照指定的位移量滚动窗口

setTimeout(timer)

在经过指定的时间后执行代码

clearTimeout()

取消对指定代码的延迟执行

moveTo(x,y)

将敞口移动到一个绝对位置

moveBy(offsetx,offsety)

将窗口移动到指定的位移量处

resizeTo(x,y)

设置窗口的大小

resizeBy(offsetx,offsety)

按照指定的位移量设置窗口的大小

print()

相当于浏览器工具栏中的“打印”按钮

setInterval()

周期执行指定的代码

clearInterval()

停止周期性的执行代码

navigate()

IE方法,用于装载并显示指定的URL

back()

Netscape方法,相当与单击了Netscape浏览器中的“Back”按钮

forward()

Netscape方法,相当与单击了Netscape浏览器中的“Forward”按钮

home()

Netscape方法,用于显示浏览器的主页

stop()

Netscape方法,相当与单击了Netscape浏览器中的“Stop”按钮

open()方法的参数说明

windowVar=window.open(url,windowname[,location])

windowVar

当前打开窗口的句柄。如果open()方法执行成功,则windowVar的值为一个Window对象的句柄。否则windowVar的值是一个空值

url

目标窗口的URL。如果URl是一个空字符串,那浏览器将打开一个空白窗口 ,允许用write()创建动态的html

windowname

用于指定新窗口的名字,这个名字可以作为<a>标记和<form>的target属性的值。如果该参数指定了一个已经存在的窗口,那么open()方法将不再创建一个新的窗口,而只是返回对指定窗口的引用

location

对窗口属性进行设置,其可选参数如下表所示

(2)窗口属性设置的可选参数

width

窗口的宽度

height

窗口的高度

scrollbars

是否显示滚动条

resizable

设置窗口大小是否固定

toolbar

浏览器工具条,包括后退及前进按钮等

menubar

菜单条,一般包括文件、编辑及其他菜单项

location

定位区,也叫地址栏,是可以输入URL的浏览器文本区

direction

更新信息的按钮

fullscreen

全屏显示

Document对象:

(1)属性:

all(elementID)

表示文档中所有<html>标记的集合(只适用与IE)

alinkColor

设置一个被激活链接的颜色

anchors

获取文档中<anchor>标记的集合(数组)

bfColor

设置背景颜色

fgColor

设置文档的前景色(文本)

cookie

获取与文档相关的Cookie

domain

用于指定文档的安全域

embeds

代表文档中所有<embed>标记的数组

forms

代表文档中所有<form>标记的数组

getSelection()

返回选中的文本

images

代表文档中所有<image>标记的数组

lastModified

代表文档的最后修改时间

linkColor

设置未访问过的链接的颜色

links

代表文档中所有<a>标记的数组

title

获得文档的标题

URL

返回文档对应的URL

vinkColor

设置以访问过链接的颜色

方法

open([mimetype])

为write()和writeln()语句准备一个流,它的参数mimetype可以时几个MIME类型(包括text/html,text/plain,image/x-bitmap和plugln(any Netscape plug-in MIMEtype))之一,默认值是text/html

close()

关闭由open()方法打开的流

focus()

让指定的文档获得焦点

write()

向文档职工写入文本

writeln()

向文档职工写入文本,并向文档的末尾追加一个换行符

Location对象:

(1)属性:

hash

表示当前URL中的锚部分,包括前导散列符“#”(如#top)。文档URL的这一部分(#top)指定了锚在文档中的名字

host

表示当前URL中的主机和端口号部分

hostname

表示主机名和domain名

pathname

表示当前的URL路径名

href

表示URL的全名

port

表示当前URL的通信端口号

protocol

表示当前URL的协议部分,例如http,ftp等

search

表示当前URL的查询字符串部分,也就是?后面传送给服务器的参数

(2)方法:

reload()

刷新当前页面

replace()

用URL指定的页面替代当前页面

Array对象:

(1)属性:

constructor

引用数组对象的构造函数

length

返回数组中的元素个数

prototype

用于在定义数组时添加新的属性和方法,prototype是数组对象的静态属性

(2)方法

concat()

返回一个新数组,这个新数组是由两个或更多数组组合而成的

join()

将数组中的所有元素都转换成字符串,然后连接起来,各元素由指定的分隔符分隔

pop()

删除数组中最后一个元素

push(value,....)

向数组的尾部添加元素

reverse()

在原数组上颠倒数组中元素的顺序

shift()

删除数组中第一个元素

slice(start,end)

从现有数组中提取指定个数的数据元素,组成一个新的数组。所提取元素的下标从start开始,到end结束,但不包括end

sort()

将数组元素排序

从数组中插入和删除元素

toLocaleString

返回数组的本地化字符串表示

toString()

返回数组的字符串表示

unshift(value,.....)

在数组的头部插入数组元素

splice()方法说明

array.splice(start,deleteCount,value,....)

start:用于指定开始插入或删除数组元素的下标

deleteCount:用于指定包括start所指元素在内要删除元素的个数

value,....: 用于指定要插入到数组中的0个或多个值,从start指定的下标处开始插入

Function对象

(1)属性:

arguments[]

一个参数数组,数组元素时传递给函数的参数

caller

对调用当前函数的Function对象的引用,如果当前函数由顶层代码调用,这个属性值为null

constructor

返回创建对象的函数

length

表示在声明函数时指定的命名参数的个数

prototype

返回对象类型原型的引用

(2)方法:

apply(thisobj,args)

将该函数作为指定对象的方法调用。thisobj为调用function的对象,在函数主体中,thisobjshirt关键字this的值;args为一个数组,该数组的元素是要传递给函数的参数值

call(thisobj,arg1...)

将该函数作为指定对象的方法调用。Thisobj为调用function的对象,在函数主体中,thisobjshirt关键字this的值;args1…为传递给函数的任意多个参数

toString()

返回函数的字符串表示

Number对象

(1)属性:

MAX_VALUE

返回javascript能表示的最大的数,约等于1.79E+308

MIN_VALUE

返回javascript能表示的最接近零的数,约等于2.22E-308

NaN

表示算术表达式返回非数字值的特殊值

POSITIVE_INFINITY

返回比在javascript中能够表示的最大的数(Number. MAX_VALUE)更大的值

NEGATIVE_INFINITY

返回比在javascript中能够表示的最小的数(Number. MIN_VALUE)更小的值

prototype

返回对象类型原型的引用

(2)方法:

toLocaleString()

根据浏览器设置按一定格式返回当前数字的字符串值版本

toString()

返回Number对象指定的一个字符串

valueOf()

返回指定对象的原始值

toExponential()

强制字符用指数符号表示

toFixed()

显示具有单位和百分制单位(如美元和美分)的货币计算结果

toPrecision()

定义数值总共显示多少位数(包括小数点),即可以定义数值的精度

History对象

(1)属性:

length

历史列表的长度。用于判断列表中的入口数目

current

当前文档的URL

next

历史列表的下一个URL

previous

历史列表的上一个URL

(2)方法:

back()

返回到前一个URL

forward()

访问下一个URL

go()

转移到以前已经访问过的URL

时间: 2024-10-22 11:43:24

JS的对象,事件的相关文章

Node.js自定义对象事件监听与发射

一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者设计模式来实现把事件监听器添加到对象以及移除,之前写OC那块的时候也有些观察者设计模式,在OC中也经常用到:通知中心.KVO,也很容易理解. .addListener(eventName,callback):将回调函数附加到对象的监听器中.当eventName的事件被触发时,回调函数被放置在事件队列

js中的事件,内置对象,正则表达式

[JS中的事件分类] 1.鼠标事件: click/dbclick/mouseover/mouseout/mousemove/mousedown/mouseup 2.键盘事件: keydown: 键盘按下去触发 keypress: 键盘按下并松开的瞬间触发 keyup: 键盘抬起时触发 [注意事项:(了解)] ① 执行顺序: keydown--keypress--keyup ② 长按时,会循环不断的执行keydown-keypress ③ 有keydown事件,不一定有keyup事件(事件触发过程

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func

js 函数 常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数 定义 有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式  function functionname(){执行代码 } 分类 基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

js事件处理、事件对象

事件类型分类: 1 添加在html结构中的事件 <div id="div1" onclick="alert('append click event in html')"> </div> 点击div1之后弹出 append click event in html:其实在html结构中添加的事件也属于dom0级事件. 2 dom0级事件处理 <div id="div1"> </div> <scri

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

js捕获activex事件

最近参与了一个项目,我的同事在开发一个ActiveX对象,我帮他编写JS脚本来调用这个对象,其中碰到蛮多问题,最难的就是如何响应由ActiveX对象返回的对象事件.正好,现在一起总结一下. 首先,我来介绍一下COM组件,以便说明js如何响应 COM组件        方法:                     void init()                    //初始化对象                  Project createProject()        //创建一

Node.js入门:事件机制

Evented I/O for V8 JavaScript 基于V8引擎实现的事件驱动IO. 事件机制的实现 Node.js中大部分的模块,都继承自Event模块(http://nodejs.org/docs/latest/api/events.html ).Event模块(events.EventEmitter)是一个简单的事件监听器模式的实现.具有addListener/on,once,removeListener,removeAllListeners,emit等基本的事件监听模式的方法实现

js中鼠标事件总结

js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的这些事件都包含有一个事件对象event,当然在IE低版本下,event对象是挂在window底下的.这个我们另行讨论. 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件 <input type="button"