个人心得javascript总结.docx
《个人心得javascript总结.docx》由会员分享，可在线阅读，更多相关《个人心得javascript总结.docx（11页珍藏版）》请在冰豆网上搜索。
个人心得javascript总结
--本页仅作为文档封面，使用时请直接删除即可----内页可以根据需求调整合适字体及大小--
个人心得javascript总结（总12页）
个人心得javascript总结
个人心得javascript总结模板
篇一：
个人心得javascript总结
1、javascript是一种基于对象，和事件驱动的并具有安全性的脚本语言；基于对象，动态语言，无需编译，直接解释执行；
2、可以放在的地方；
A、中，一对
之间；
B、单独文件中
C、将脚本程序代码作为属性值、javascript
3、保留字以及关键字；
4、javascript基本语法：
标识：
大小写字母，数字，下划线，和美元符号：
不能以数字开头；
严格区分大小写
每条语句必须以分号结束；（不写，一般没事，但是可能会引起不必要的歧义）
多行注释/**/单行注释：
Alert（typeofsss）;过得到，这种是浏览器支持的dom对象，不属于js，2.咱们经常用的是（"name"）,这种是w3c组织制定的一级DOM对象标准。
（3）自定义对象
我总认为js的自定义对象没必要用，如果你是按照面向对象的编程思想，那么应该用Java，而不是用js的对象。
对象,history以及location
为了操控浏览器和文档，js使用分层的父对象和子对象，这就是DOM。
这些对象的组织类似一个树形结构，并表示一个Web文档的所有内容组件。
Window是所有对象的父对象
document对象几种常用方法
：
指明了文档的URL地址。
不可改变，如果需要给用户不同的地址应该用对象
:
列出了当前页面的标题
:
用户所浏览的上一个页面的URL地址。
：
文档最后修改日期
允许读取和设置一个文档的cookie
history对象的几种常用方法
（）;保存了历史列表的长度
（）;打开历史列表中一个网址，要指定一个正数或者负数。
（）;历史列表中的前一个网址，相当于后退按钮。
（）;历史列表中的后一个网址，相当于后退按钮。
location对象的几种常用方法
:
网址的协议部分---http
:
网址的主机名---
:
网址的端口号---80
:
网址的文件名部分
:
网址的查询部分---lines=1
:
网址中使用的anchor名---#anchor
location对象的两个方法
（）刷新当前文档，浏览器中的刷新按钮。
（）替换一个新的位置
中的变量名称，表达式，运算符，数据类型
变量名称，表达式，运算符，和Java中差别不大，就不多加叙述了
数据类型
1.数字：
整数，浮点数
2.布尔值：
真，假。
3.字符型：
字符串对象
4.空值，null。
parseInt（）----将一个字符串转换为整数值。
parseFloat----将一个字符串转换为浮点小数
字符串中有一些常用的方法，如subString,charAt等，与Java中的很像，就不叙述了
中的函数
函数定义的最佳位置是文档中的部分，因为部分语句会首先执行。
函数中可以带有参数列表，但是参数都没有类型，也不需要在定义函数的时候声明返回值，想有返回值的话，直接return即可，和Java不同。
如：
Js代码
reet（who）{
（“Gadsden”+who）;
“asdasd”;
4.}
中的对象
他和Java中的对象很相似，之前我曾说不需要用到他，用Java的就够了，昨天看了一个人的文章，说你要想用好一门语言，就要尊重这门语言，就像现在的JavaScript，如果简单的把他当做一门脚本语言，那可能只能停留在入门和初级阶段。
如何扩展内置对象
使用prototype关键字，可以向现有对象中添加属性和方法。
例如：
Js代码
1.
（level）{
="H"+level;
=（）;
="";
="";
+text+end;
8.}
"thisisatest".heading
（1））;
"thisisatest".heading
（2））;
"thisisatest".heading（3））;
13.
这样就为String对象又新增添了一个方法，heading，并指明每次调用heading的时候，他都会去调用addHead方法。
中的DataMath等内置对象
他们与Java中的又是很相似，不多介绍了，有一个关键字需要说说，就是with。
with关键字制定一个对象，后面跟着括在大括号中的一大块语句。
对于块语句中的每一条语句，没有指定对象的属性都将被假定为该对象的属性。
如：
Js代码
1.
="niechao";
（a）{
"长度是"+length）
6.}
7.
注:
这里不用在定义a的时候带有类型信息，如Stringa=“niechao”;这样会报错，如果非要加上，也只能是vara=“niechao”;
中使用第三方程序库
每个程序库都有自己的名字，一般的名字是，包含到你要用的jsp页面里就行了。
Js代码
="text/javascript"language="JavaScript"src="">现在流行的有几种，比如：
ext,jquery,dojo等，老一辈的也有prototype这些。
选一种合适自己的就行了，自己用着顺手的.，可以满足项目需要的，我暂时选的而是jquery。
中的事件相应
不必使用标签来定义事件处理函数
可以不在HTML中指定时间处理函数，而是使用JavaScript把一个函数指定为事件处理函
数
1.首先找到元素的对象，使用obj=（"aa"）
2.定义一个函数，把该函数指定为事件处理函数，
Js代码
（）{
（""）;
3.}
JavaScript中由属性，方法，事件组成对象，许多常用的事件处理函数都是document对象中的属性。
中使用event对象
要是用event对象，可以把他传递给事件处理程序函数。
Js代码
1.
（e）{
火狐和IE，对event的处理方式不同，火狐是直接自动传递的，IE是将最近发生的事件存放在对象中。
所以很多函数的开头，一般都是
Js代码
（e）{
（!
e）e=;
3.}
它检查了是否已经定义了e，若未定义，它将获取对象，并将其存入e，这样确保任何一个浏览器中都会得到一个有效的event对象。
以下是及更高版本的一些常用event对象属性
：
按下的鼠标键。
对于鼠标左键，属性值为1，对于鼠标右键，属性值为2
篇三：
前端整个javascript中的学习总结
一：
javascript的组成
Javascript是一门轻量级的脚本编程语言
由ECMAScriptDOMBOM这三部分组成
1、ECMAScript（45）：
定义了JS里面的命名规范，变量，
数据类型，基本语法，和操作语句最核心的东西等
2、DOMdocumentobjectmodel文档对象模型
3、BOMbrowserobjectmodel浏览器对象模型
第一块：
ECMAScript
1、命名规范避开关键字保留字（1、在JS当中严格区分大小2、驼峰命名法首字母小写，其他有意义的单词首字母大写3、可以使用数字字母下划线和$符号----数字不能作为首位）
------------------关键字：
在JS当中有特殊意义的字
保留字：
未来可能成为关键字的
2、变量：
可变的量
JS当中的变量是个抽象的概念，用来存储值和代表值的！
在JS当中定义一个变量非常简单var变量名=变量值;
=是赋值操作，左边是变量名右边是存储的值
JS当中的变量是松散类型的，通过一个var变量名就可以存储任何的数据类型！
3、数据类型
Js当中的数据类型的分类
1基本数据类型：
由简单的结构组成
数字number字符串string布尔booleannullundefined2引用数据类型:
结构相对复杂一些的
对象数据类型：
object（数组和正则都是对象数据类型）
函数数据类型：
function
具体的数据类型详解
1，number数据类型：
整数负数0小数NaN（不是一个有效数但是他属于number类型的）
NaN==NaN是不相等的
isNaN检测是不是一个有效的数，是一个有效的数返回false不是一个有效的数是true，如果检测的值不是number类型的浏览器会默认的转换成number类型的然后在判断是否是有效数组isNaN（”123”）先经过Number（“123”）转化成123,Number强制将其他的数据类型转化成number要求如果是字符串的话一定是数字才可以转化;案例：
Number（“12px”）=NaN
非强制数据类型转化：
parseIntparseFloat
parseInt:
从左到右一个个查找，把是数字的转化为有效的数字，中途如果遇到一个非有效的数字就不再查找了！
（parseInt（“12px”））;===>12
parseFloat:
和上面的一样只是可以多识别一个.点
（parseInt（“”））;-------------------12
（parseFloat（“”））;
案例：
var=Number（“12px”）;
if（var==12）{
（12）;
}elseif（var==NaN）{
（“我是NaN”）;
}else{
（以上俩个条件都不成立）;
}重点！
一个叹号是取反，先将值转化为布尔类型值，然后再取反
数据类型转化的规则：
判断一个值是真是假，只有null0NaN“”undefined为假其余的值都为真，[]{}空数组和空对象都为真
如果俩个值比较，遵循这个规律:
象和对象比较永远不相等[]==[]----false{}=={}---falsefunctionfn（）{}=functionfn（）{}-------false2对象和字符串先将对象转化为字符串然后在进行比较
[+==””*+.toString（）-----------经过toString方法把对象转化为字符串
[]数组转化为字符串为空字符串true
{}转化为字符串为“*objectObject+”所以,-==“”------------false
3，对象==布尔类型对象先转化为字符串（toString（））然后在转化为数字（Number（））布尔类型也转化为数字（true为1，false为0）
4，对象和数字:
对象先转化为字符串（toString（））然后在转化为数字（Number（））[]==1false
5数字和布尔布尔转化为数字
6，字符串和数字字符串转化为数字
7字符串和布尔都转化为数字
==undefinedtrue
和undefined和其他数据类型比较都是false
3===这也是比较如果数据类型不一样绝对不相当
Null===undefinedfalse数据类型不同false
对象数据类型：
由多组属性名和属性值组成；属性名和属性值是用来描述这个对象特征的！
Varobj=,name:
”hewenbang”,age:
13-;------字面量创建方式
Varobj=newObject（）;实例的创建的方式，
给一个对象增加一组属性名和属性值
=”hewenbang”,
Obj*“name”+=”hewenbang”;
修改原有的属性名和属性值，规定一个对象当中的属性名不能重复，如果有的话就是修改，没有的话就是新增
Obj[“name”]=”zhufengpeixun”;
获取属性值：
（Obj*“name”+）;
如果属性名不存在默认返回的结果是undefined
删除属性名字和属性值：
假删除：
obj[“name”]=null;
真删除：
obj*“name”+;
对象数据类中还可以具体的细分：
对象类（Object）数组类（Array）正则类（RegExp）时间类（Date）数学函数（Math）字符串类（String）布尔类（boolean）
Varobj={};
Vararray=[];
Varreg=/^ww$/;
Js中对象，类和实例的区别：
对象是个泛指，JS中万物皆对象，类是对对象的具体的细分，实例是类中一个具体的事物！
自然界中万物皆对象，可以分为人类植物类低等动物类物体类每一个人都是人类中的一个实例
Function数据类型
Function:
函数数据类型相当于一个方法或者功能。
升级会员 