javascript学习总结

javascript学习总结

1.JavaScript中的对象 分为3种。

（1）JavaScript的内置对象

常用的有Date,Array,String,Math,对象,这些都是经常会用到的，一定要掌握好。 （2）文档对象模型(Document Object Model,DOM)

这个对象表示了当前浏览器的多个组件和当前的HTML文档。DOM我认为是JS中最重要的一个对象，通过他可以获得任何一个HTML元素，1.通过document.form1.name得到，这种是浏览器支持的dom对象，不属于js，2.咱们经常用的是document.getElementById(\这种是w3c组织制定的一级DOM对象标准。 （3）自定义对象

我总认为js的自定义对象没必要用，如果你是按照面向对象的编程思想，那么应该用Java，而不是用js的对象。

2.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()替换一个新的位置

3.JavaScript中的变量名称，表达式，运算符，数据类型

变量名称，表达式，运算符，和Java中差别不大，就不多加叙述了 数据类型

1.数字：整数，浮点数 2.布尔值：真，假。 3.字符型：字符串对象 4.空值，null。

parseInt()----将一个字符串转换为整数值。 parseFloat----将一个字符串转换为浮点小数

字符串中有一些常用的方法，如subString,charAt等，与Java中的很像，就不叙述了 4.JavaScript中的函数

函数定义的最佳位置是文档中的部分，因为部分语句会首先执行。 函数中可以带有参数列表，但是参数都没有类型，也不需要在定义函数的时候声明返回值，想有返回值的话，直接return即可，和Java不同。

如： Js代码

1. function greet(who){

2. alert(“Gadsden” + who); 3. return “asdasd”; 4. }

5.JavaScript中的对象

他和Java中的对象很相似，之前我曾说不需要用到他，用Java的就够了，昨天看了一个人的文章，说你要想用好一门语言，就要尊重这门语言，就像现在的JavaScript，如果简单的把他当做一门脚本语言，那可能只能停留在入门和初级阶段。 如何扩展内置对象

使用prototype关键字，可以向现有对象中添加属性和方法。 例如： Js代码

1.

这样就为String对象又新增添了一个方法，heading，并指明每次调用heading的时候，他都会去调用addHead方法。

6.JavaScript中的Data Math等内置对象

他们与Java中的又是很相似，不多介绍了，有一个关键字需要说说，就是with。 with关键字制定一个对象，后面跟着括在大括号中的一大块语句。对于块语句中的每一条语句，没有指定对象的属性都将被假定为该对象的属性。 如： Js代码

1.

注:这里不用在定义a的时候带有类型信息，如String a = “niechao”;这样会报错，如果非要加上，也只能是var a = “niechao”; 7.JavaScript中使用第三方程序库

每个程序库都有自己的名字，一般的名字是xxx.js，包含到你要用的jsp页面里就行了。 < Js代码

1. script type=\language=\src=\ 现在流行的有几种，比如：ext,jquery,dojo等，老一辈的也有prototype这些。选一种合适自己的就行了，自己用着顺手的，可以满足项目需要的，我暂时选的而是jquery。 8.JavaScript中 的事件相应 不必使用标签来定义事件处理函数

可以不在HTML中指定时间处理函数，而是使用JavaScript把一个函数指定为事件处理函

数

1.首先找到元素的对象，使用obj = document.getElementById(\ 2.定义一个函数，把该函数指定为事件处理函数， Js代码

1. function mousealert(){ 2. alert(\ 3. }

4. bj.onclick = mousealert;

JavaScript中由属性，方法，事件组成对象，许多常用的事件处理函数都是document对象中的属性。

9.JavaScript中使用event对象

要是用event对象，可以把他传递给事件处理程序函数。 Js代码

1. 2. function getKey(e){

火狐和IE，对event的处理方式不同，火狐是直接自动传递的，IE是将最近发生的事件存放在window.event对象中。 所以很多函数的开头，一般都是 Js代码

1. function getKey(e){

2. if(!e) e=window.event; 3. }

它检查了是否已经定义了e，若未定义，它将获取window.event对象，并将其存入e，这样确保任何一个浏览器中都会得到一个有效的event对象。 以下是IE4.0及更高版本的一些常用event对象属性

1.event.button：按下的鼠标键。对于鼠标左键，属性值为1，对于鼠标右键，属性值为2

本文来源：https://www.bwwdw.com/article/k5qd.html