首页 > 代码库 > javascript学习总结
javascript学习总结
一:javascript中的对象
分为3种。
1.JavaScript的内置对象
常用的有Date,Array,String,Math,对象,这些都是经常会用到的,一定要掌握好。
2.文档对象模型(Document Object Model,DOM)
这个对象表示了当前浏览器的多个组件和当前的HTML文档。
3.自定义对象
二:DOM对象,history以及location
为了操控浏览器和文档,js使用分层的父对象和子对象,这就是DOM。这些对象的组织类似一个树形结构,并表示一个Web文档的所有内容组件。
Window是所有对象的父对象
document 对象对象几种常用方法
document.URL:指明了文档的URL地址。不可改变,如果需要给用户不同的地址应该用window.location对象
document.write:列出了当前页面的标题
document.referrer:用户所浏览的上一个页面的URL地址。 document.lastModified:文档最后修改日期
document.cookie 允许读取和设置一个文档的cookie
history 对象对象几种常用方法
history.length();保存了历史列表的长度
history.go();打开历史列表中一个网址,要指定一个正数或者负数。 history.back();历史列表中的前一个网址,相当于后退按钮。 historay.forward();历史列表中的后一个网址,相当于后退按钮。
location对象的几种常用方法
location.protocol:网址的协议部分---http
location.hostname:网址的主机名---www.aaa.com location.port:网址的端口号---80
location.pathname:网址的文件名部分---tese.do location.search:网址的查询部分---lines=1 location.hash:网址中使用的anchor名---#anchor location对象的两个方法
location.reload() 刷新当前文档,浏览器中的刷新按钮。 location.replace()替换一个新的位置
三:JavaScript中使用event对象
要是用event对象,可以把他传递给事件处理程序函数。
1.event.button:按下的鼠标键。对于鼠标左键,属性值为1,对于鼠标右键,属性值为
2.event.clientX:事件发生位置的x轴坐标(列,以像素为单位)
3.event.clientY:事件发生位置的y轴坐标(行,以像素为单位)
4.event.altkey:该标志表示事件发生时是否按下Alt键
5.event.ctrlkey:该标志表示事件发生时是否按下Ctrl键
6.event.shiftkey:该标志表示事件发生时是否按下Shift键
7.event.keyCode:所按键的键码(用Unicode表示)
8.event.srcElement:元素出现的对象
鼠标事件中的几个函数(他们都属于document对象)
1.onMouseOver:鼠标指针移动到链接上时被调用
2.onMouseOut:鼠标移出对象边缘时被调用
3.onMouseMove:只要鼠标移动,就会触发(浏览器在,默认情况下不支持,需要使用事件捕捉技术)
4.onClick:鼠标按键何时被单击,如果onClick事件处理程序返回false,则链接不会被打开(如果对象是一个链接)
四:JavaScript中利用表单获取数据
Javascript form对象
name 返回表单的名称,也就是<form name="...">属性。
action 返回/设定表单的提交地址,也就是<form action="...">属性。
method 返回/设定表单的提交方法,也就是<form method="...">属性。
target 返回/设定表单提交后返回的窗口,也就是<form target="...">属性。
encoding 返回/设定表单提交内容的编码方式,也就是<form enctype="...">属性。
length 返回该表单所含元素的数目。
方法
reset() 重置表单。这与按下“重置”按钮是一样的。
submit() 提交表单。这与按下“提交”按钮是一样的。
事件
onreset; onsubmit
五:W3C DOM
访问DOM中的节点
parentNode( ).这个方法可以访问父节点。
firstChild( ).这个方法可以访问该节点的第一个子节点,不存在就返回空。
nextSibling( ). 这个方法可以访问下一个兄弟节点,不存在就返回空。
previousSibling( ). 这个方法可以访问上一个兄弟节点,不存在就返回空。 文档方法
getElementsByTagName(elementname):取得一个在文件或是某一部分文件中具有这个名字的所有元素的列表;创建了这样的NodeList,就可以通过索引来访问这些命 名了的节点了。
createElement( )方法:将新元素的标记名做为参数,所创建的元素对象可以接 受属性及取值。
createDocumentFragment( )方法:创建一个documentFragment节点。
createTextNode( )、createComment( )和createCDATASection( )方法:创建如它们 名字所示的节点,它们的参数将成为节点内容的字符串
javascript学习总结