JavaScript基本知识点整理(超实用)分分快三计划

作者:分分快三计划

Number: 0为假  一切非0为真

回车键    13

  ParseInt只能转字符串,转其他类型,全是NaN

全局对象:即window对象。

 

位置:  offsetLeft    元素左边框距离父元素的距离(如果没有定位,就是相对于浏览器窗口。如果有定位,是对有定位的父级元素)

【事件捕获】

与冒泡相反,当触发某元素事件时,会从根节点开始,逐个向下触发祖先元素的同类型事件,直到当前DOM为止。

>>> 如何产生事件捕获:

使用addEventListner()添加事件,并且将第三个参数设置为true

(2) 将构造函数的作用域赋给新对象(因此this 就指向了这个新对象); this= p1  this =p2

  纯数值=数值,会抹掉小数点   空字符串 = NaN

A-Z        65-

1、 导入JS的三种方式

数据类型错误

【删除替换节点】

  1. 父节点.removeChild(childNode); 从父节点删除子节点
  2. 父节点.replaceChild(newNode,oldNode); 用newNode替换掉oldNode;

增删改查

2、 JS的常用数据类型

o.say=function(){

 

focus

通过扩展object实现继承:

通过循环,将父类对象的所有属性和方法,全部赋给子类对象。关键点在于for-in循环,及时不扩展object,也能通过简单的循环实现操作

构造函数的缺点:

  转换任何数据类型,为数值。  字符串含有其他字符,不能转。  null -> 0

getComputedStyle(obj,null)[css属性]

使用原型实现继承:

将父类对象,赋值给子类的prototype,那么父类对象的属性和方法就会出现在子类的prototype中。那么,实例化子类时,子类的prototype又会到子类对象的__proto__中,最终,父类对象的属性和方法,会出现在子类对象的__proto__对象中。

阻止默认行为: DOM下: event.preventDefault()  IE: event.returnValue=false  return false

Undefined未定义(var声明了,但未赋值)

keydown    按下任意键时,触发

②在HTML页面中使用<script></script>包裹JS代码。<script> JS代码 </ script >

3、 DOM中HTML属性(特性):

使用call、apply、bind实现继承:

通过函数名调用这三个函数,可以强行将函数中的this指定为某个对象

20、什么叫做闭包?

在函数内部,定义一个子函数,子函数可以访问父函数的私有变量。可以在子函数中进行操作,最后将子函数return返回

 

obj.currentStyle[css属性]

isNaN():检测是一个变量,是否是非数值。先用Number()函数尝试转换,如果不能转为数值,则为NaN

父节点.appendChild(子节点)

GetAttribute(“属性名”);  setAttribute(“属性名”,”属性值”); // 取到、设置属性节点

5) 事件目标  :你实际操作的目标对象 ,不一定是你绑定事件的对象

String 字符串 “str” ‘str’

options[index].value 值

Boolean true/false   

全局对象的函数(方法):

Null 特殊的空值          

原型链和借用构造函数继承一起使用

3、 常用的数值函数

插入节点

【层次节点系列】

  1 .childNodes:(数组)获取元素的所有子节点  .children

  2 .firstChild:获取元素的第一个子节点; firstElementChild

  3 .lastChild:获取元素的最后一个子节点; lastElementChild

  4 . parentNode:获取当前节点的父节点;

  5 .previousSibling:获取当前节点的前一个兄弟节点

  6 .nextSibling:获取当前节点的后一个兄弟节点

  7 . attributes:取到所有属性节点[数组]。

0-9        48

InnerHTML[=”html代码”]: 取到/设置 元素内部的html代码

返回值:如果没有全局匹配的话;找到了返回第一个,数组。 找不到返回null

Number():

select()

  包含其他字符的字符串,会截取第一个非数值字符串前面的部分

全局对象、内置对象及自定义对象。

tagName: 取到当前节点的标签名

例如:p1.hasOwnProperty("name")

【修改样式系列】

.style.样式 = “样式值”    .style.cssText = “多个CSS键值对”  .className=”class名”

Person.prototype.isPrototypeOf(p1)  存在关系true  不存在关系 false

【HTML-DOM 操作表格】

1、表格对象

①Rows: 取到所有行对象,数组格式;

②InsertRow(index); 在index后面插入一个新行

③DeleteRow(index); 删除表格第index 1行;

2、行对象

①Cells: 取到所有单元格对象,数组格式; rowIndex:返回当前行索引;

②InsertCell(index): 在index个单元格后,插入一个新单元格;

③DeleteCell(index): 删除index 1个单元格;

3、单元格对象

①cellIndex: 返回当前单元格索引;

②InnerText、InnerHTML:设置单元文字内容。

7、键盘事件&确定键盘按键

1、键盘事件:keyDownàkeyPressàkeyUp

2、长按时:不断的执行keyDownàkeyPress

  有keyDown,不一定有keyUp(当按键时,鼠标将焦点点走,就没有keyUp事件)

3、确认一个按键的方法

Dom.keyDown = function(e){
         Var evn = e||window.event;
      Var code = evn.keyCode||evn.charCode||evn.which;
      If(code==13){  回车  }}

4、判断组合键原理:声明多个组合键对应的标志变量(全局变量,默认为0),当按键keyDown时,对应的标志变量为1;当按键Up时,对应的标志变量置0;通过判断多个标志变量,是否同时为1,进而判断按键是否同时按下。

8、事件冒泡&事件捕获&阻止默认事件

DOM: event.target

今天就给大家分享到这儿吧~JS中常用的知识点基本都概括了,大家如果觉得写的不详细的话,可以查看菜鸟教程或者查看帮助文档,有什么不足的地方请大家留言~谢谢大家了~~

document.documentElement.scrollTop=0

String:空字符串为假 一切非空为真

借用构造函数继承

Document.getElementById/Name/TagName/ClassName(); //取元素节点

元素.属性名

Boolean:false假  true真

this.name=name;

5、if结构、循环结构、支持的判断结果

2)  重置,reset 与提交一样。 reset()

①在HTML标签中,直接内嵌JS。<button onclick=”func()”></button>

2) 隐式创建  直接量语法    /表达式/    包含在一对/斜杠之间的字字符    表达式没有引号

InnerText[=“文本”] : 取到/设置 文本节点

options    返回的是一个数组

  True=1 false=0    纯数值字符串=相应的数字  空字符串=0。   Undefined -> NaN

创建节点

【阻止各种标签的默认事件】

IE浏览器中:将e.returnValue属性设为false;

其他浏览器:调用e.preventDefault();方法

9、JS中数组的常用方法

.splice(index,num):从index开始,删除num个元素; 

push(n):数组最后插入一个元素  pop():删除数组最后一个元素

unshift(n):在数组第0位插入一个元素  shift():删除数组第一个元素 

sort([functuion]): 默认按照ASCII码值排序,可以传入回调函数进行排序;

升序降序排列: function(a,b){ Return a-b; //升序  return b-a;//降序 }

Reverse: 数组反转

Join([‘分隔符’]):将数组以指定分隔符链接为字符串,不填默认用“,”

Concat(arr1,arr2,[arr3,[arr4,[……]]]):链接多个数组(如果数组为多维数组,只拆第一层[])

indexOf(n):查询元素在数组的第一个下标 lasrIndexOf(n):查询元素在数组最后一个下标

slice(begin,end); 截取数组从begin开始,到end的子数组,左闭右开。

10、Number类常用方法

.toString():转为字符串 , 相当于num ””

.toFixed(n):将数字转为字符串,保留n位小数,四舍五入

.valueOf():返回Number对象的基本数字值

11、String类常用方法

.split(“char”); 将字符串通过指定字符分割为数组;如果传入””,则将所有字符放入数组;

.indexof(char): 查询某个字符,在字符串的下标;  

.charAt(index): 截取字符串的第index个字符

. substring(begin,end):截取字符串从begin开始,到end的子串。左闭右开

.replace(old,new):将字符串的old部分子串,替换为new(如果old是字符串,只替换第一个符合要求的子串;如果old是正则,则按照正则要求替换 //g ,替换全局)

.toLowerCase() 所有字符转为小写;

.toUpperCase() 所有字符转为大写;

12、Date类常用方法

.getFullYear(): 获取4位年份

.getMonth(): 获取月份 0~11

.getDate(): 获取一月中的某一天 1~31

.getDay(): 获取一周中的某一天 0~6

.getHours() 返回 Date 对象的小时 (0 ~ 23)

.getMinutes() 返回 Date 对象的分钟 (0 ~ 59)

.getSeconds() 返回 Date 对象的秒数 (0 ~ 59)

13、 正则表达式的声明

① 字面量声明:  /[正则表达式]/[表达式模式g/i/m]

② new关键字实现:var reg = new regExp(“正则表达式”,”表达式模式”);

[表达式模式]:

  g:全局匹配。默认只匹配第一项符合要求;

  i: 忽略大小写。默认要求大小写一致;

  m:多行匹配。(当字符串分为多行时,多行匹配默认,会有多个开头结尾。默认,一个字符串不管分多少行,只有一个开头一个结尾。)

14、正则表达式的常用规则

匹配的数据:

  /d 数字0-9 相当于[0-9]   /D 非数字0-9 相当于[^0-9]

  /w 字母、数组、下划线 [0-9a-zA-z_]  /W 非字母、数字、下划线 [^0-9a-zA-z_]

  /s  任何空字符   /S 非空字符  . 除了换行符的任意字符

特殊符号:

  [] 需要匹配的数据  () 分组,使用|的时候进行分组

  | 或,两边都可以。默认从头到尾分两块,如果用(a|b),则只匹配()里面部分

  ^ 在[]内部,表示整个[]内部取非;在正则表达式开头,表示整个字符串的开始;

  $ 表示整个正则模式的结束。

匹配次数:

  {} 表示匹配前面部分的次数。 {3,5} 3-5次  {3,} 3或多次 {3} 匹配3次

  ? 匹配前面部分0-1次    : 1或多次  *:匹配任意次数

15、JS中的面向对象和面向过程

面向过程是指专注于如何去解决一个问题的过程步骤。

面向对象是指专注于由哪一个对象来解决这个问题。

16、面向对象的三大特征

继承、封装、多态

17、什么叫封装?

封装分为方法的封装和属性的封装

方法的封装是指将类内部的函数进行私有化处理,不对外提供调用接口,无法在类外部使用

属性的封装是指将类中的属性进行私有化处理,对外不能直接使用对象名访问,而是提供set/get方法,让外部使用set/get方法,来对属性进行操作

18、JS中的this指向问题

总的来说,就是谁最终调用函数,this就指向谁!

This指向的规律:

  ①通过函数名()调用的,this永远指向window

  ②通过对象.方法调用的,this指向这个对象

  ③函数作为数组的一个元素,用数组下标调用的,this指向这个数组

  ④函数作为window内置函数的回调函数(setTimeout,setInterval)使用,this指向window

  ⑤函数作为构造函数,使用new关键字声明,this指向新new出的对象

19、什么叫做继承?实现继承的几种方法?

继承:使用一个子类,继承另外一个父类,那么子类就可以自动拥有父类的所有属性和方法

①通过扩展object实现继承

②使用原型实现继承

③使用call、apply、bind实现继承

添加(绑定):

4、JS中的运算符的优先级

else{

Null、Undefined、NaN: 全为假  Object:全为真

match(): 返回匹配字符串的值。

  絮叨絮叨

                 

style="font-size: 14px; font-family: "Microsoft YaHei""> 今天给大家分享一下这两天自己整理的JavaScript部分的笔记,下面都是我觉得比较常用的,希望能帮助到大家!

IE浏览器下:        event.cancelBubble=true  取消冒泡

【创建新增节点】

  1. .createElement(“标签名”) 创建一个节点  .setAttribute(“”,””)给新节点设置属性
  2. 父节点.appendChild(node) 父节点最后追加新节点;
  3. 父节点.insertBefore(newNode,oldNode) 在父节点的oldNode之前插入newNode
  4. 需克隆节点.cloneNode(true/false);默认false:只克隆当前节点,而不克隆子节点;true:克隆所有子节点。

2、节点方法:

Object 对象

}

6、JS中的DOM

表单元素的事件:

()  小括号最高
!   -- 单目运算符
* / %  
 -  
>  <  >=  <=  
== !=  
&&  与或同时存在时,&&比||高
||  
=  = -= *= /= 最低的是各种赋值

节点名称  nodeName  标签名    属性名    #text

ParseInt():将字符串转为整数类型。

resize

③引入外部的JS文件。<script  language=”javascript” src=”JS路径”></ script >

querySelectorAll(css选择器)  获取所有的元素 ,nodeList 数组

Number 数值   

scrollLeft  滚动条向左滚动的距离

【事件冒泡】

当触发某DOM元素的事件时,如果*祖先元素存在同类型事件*。则,事件会从当前元素开始,逐个往上触发所有祖先元素的同类型事件。

>>> 如何添加事件,会导致事件冒泡:

DOM0模型,均为事件冒泡;

IE中使用.attachEvent()添加的事件,均为冒泡;

其他浏览器,.addEventListener添加的事件,当第三个参数为false时,为冒泡;

>>> 如何阻止事件冒泡:

IE浏览器中:将e.cancelBubble属性设为true;

其他浏览器:调用e.stopPropagation();方法

*  匹配0到多次  {0,}

[^....]  匹配除了括号内的任意字符

6)事件委托:利用冒泡的原理,只指定一个事件处理程序,就可以管理某一类型的所有事

优点:同时绑定多个事件处理程序。

添加方法:对象名.方法名=function(){};

方法即函数,用于完成特定功能。

添加(绑定)            语法:对象.addEventListener(事件名,函数,布尔值)  false 冒泡阶段 true 捕获阶段

.className="bg"  //特殊

使用原型对象优点:是可以让所有对象实例共享它所包含的属性和方法

document.links  获取所有带href属性的超链接

提交  自定义提交按钮

汉字:[u4e00-u9fa5] 有事100  有酒罚我

target=event.target ||  event.srcElement

else{

选中多个  ctrl d

1查找节点

3.替换功能。

}

事件流:  页面接收事件的顺序。

top=    document.documentElement.scrollTop  ||  document.body.scrollTop

6)确定原型和实例的关系

等价与 document.getElementsTagName(“a”)

2)  getElementsByTagName(标签名)  nodeList 节点列表  数组  [0]

父节点 .removeChild(子节点)

获取非行内样式

既可以设置标准属性,也可以设置自定义属性。

构造函数名.prototype.isPrototypeOf(实例)

数组的第二个元素到 index元素之间的:是分组的匹配的内容 ()   (){3,4}.如果没有undefined

删除属性:

str="aaa bbb ccc"  每个单词的第一个字母变成大写

r

clientHeight  height padding

优点:同时绑定多个事件处理程序。

添加样式:

keyCode  获取按键的ascii码

4、原型的模式

g  全文匹配

左上右下  37  38 39  40

HTML事件处理程序: 在HTML中绑定的事件。缺点:不能实现行为和结构的分离。

六、限定符:

语法:元字符

创建图片标签 var ing=new Image;

定义:

}

1、由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大。

定义:

设置样式:

function  preventDefault(e){

var str= new String()

(4) 返回新对象

标准浏览器下 DOM中:作为函数的第一个参数存在

事件处理程序:

text textarea 对文本框和文本域来说,是内容发生改变并且取消焦点的时候

var p1=new CreateObj("张三","男",18)

ul>li{内容}*5 tab

          图像域 提交

搜索-->对象实例-->原型对象

change  select下拉列表框内容发生改变的时候

每个函数都有一个prototype(原型)属性,这个属性是一个指针,  指向一个对象,这个对象即原型对象.

4) getElementsByClassName(样式名)  IE9以下浏览器不兼容  报错

}

n


}

工厂模式缺点:没有解决对象识别的问题

parentNode  父节点  子节点 childNodes.length childNodes[0]  firstChild  lastChild childNodes[childNodes.length-1]

五、重复:  设置重复的次数

对象.style.background=''

? 2、直接将属性和方法赋给了this 对象;

添加属性:对象名.属性名=属性值;

返回值:是一个新字符串,原字符不变。

事件对象: 所有与事件相关的信息。事件的类型  鼠标的位置  事件的目标

构造函数名.prototype.属性名=值

Math数学对象

keypress    按下字母键时候,触发

字符串的方法:

r1 软件使用

target

function getStyle(obj,style){

select:

________________________________

? 匹配0到1次  {0,1}

_______________________________

功能:用于检测内容是否与正则相匹配

scrollHeight  在没有滚动条的情况下,元素内容的总高度。

(3) 执行构造函数中的代码(为这个新对象添加属性);

节点.style.css属性=值

b  单词的边界

btn.onclick=say  只写函数名

UI事件:不一定与用户操作有关

3)动作:

创建正则表达式:

html5结构: !  tab

返回值:数组,原字符串不变

e.stopPropagation()

获取样式:

七、转义字符:

elements  获取所有的表单对象元素 nodeList数组  elements[0] 获取的第一个表单元素

设置属性:

//获取主体部分 对象.tBodies 多个 nodeList 数组

错误处理和调试:

修饰符:

DOM2事件流分三个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段

o.sex=sex;

其中:值可以为简单值(数值,字符串等),也可以是函数(即方法).

闭包:就是能够读取其他函数内部变量的函数,

标准浏览器(非IE)

语法:var 对象名=new Object();

string字符串对象

url:  错误所在的URL

}

属性名:属性值,

D  非数字    [^0-9]

父节点.replaceChild(新节点,要替换的节点)

标准属性  href  id  title  class  checked  src

语法格式:实例名.hasOwnProperty(属性)  属性属于实例,返回真,属于原型返回假。


multiple  多选

缺点: 不能同时绑定多个事件。

表单元素的三个方法:

2、DOM高级

function CreateObj(name,sex,age ){

返回值: 是一个带单位的字符串

1)原型对象是什么

元字符: [ ]  {}  ()  ? *    /  ^  $  .

W  代表的是非字母数字下划线

}

str1='Aaa Bbb Ccc'

^XX  以^开头

e.preventDefalut();

var reg= new RegExp()

2)  动作:

}

  匹配1到多次  {1,}

偏移量:元素在屏幕上占用的所有可见空间。

obj.currentStyle.css属性

高度  document.documentElement.clientHeight ||  document.body.clientHeight

焦点事件:

2)如何创建原型对象

原型中的是属性和方法是所有实例共享的,他的添加顺序不影响实例的调用。

mousedown

构造函数名.prototype.方法名=function(){

人(对象)  丁丁 (实例)

节点.style.css属性

语法:str.split('分隔符')

2.文本的检索

1)  getElementById(id名)  id名

(1)通过Object()构造函数  显示创建

2、让函数内部变量的值始终保持在内存中。

//获取单元格  对象.cells nodeList 数组 cells[0]

option 属性:

3、事件类型:

创建元素节点  document.createElement(元素名)

clientWidth  width padding

宽度:document.documentElement.clientWidth

父节点.insertBefore(新节点,哪个节点前)

//插入行  对象.insertRow(index)

5、节点之间的关系:

var o=new Object()

要复制的节点.cloneNode() false  只复制结构不复制内容

4) type  事件类型  click  mouseover  mouseout

mousemove

this.age=age;

}

要替换的:可以是字符串 也可以是正则表达式,支持全文匹配

6)特殊的集合

3、闭包会在父函数外部,改变父函数内部变量的值,不要随便改变父函数内部变量的值。

line:行号

t

第二种方式:

对象.style.cssText="color:red;font-size:12px; background:red"

isNaN()  isFinite()  paseInt()  paseFloat()

{n}  匹配前一项n次

document.body.scrollTop=0

闭包的缺点:

5) css选择器    IE9以下浏览器不兼容

split():  把字符串转化位数组

return  obj.currentStyle[style]

添加option元素:  select.add(newOption,undefined)

兄弟节点  下一个兄弟节点 nextSibling 上一个兄弟节点  previousSibling

scrollWidth  在没有滚动条的情况下,元素内容的总宽度。

内置对象包括:

onerror: 传递3个三参数

replace() :

load  unload scroll  error  resize  select

正则表达式:由字母、数字、特殊符号构成的描述字符模式的表达式。

//作用域链 :

调用:

e.returnValue=false

4、节点属性:

}

RegExp正则表达式对象

语法格式:event.type

options[index].text  文本

阻止默认行为

document.images  获取页面中所有的图片  等价于document.getElementsByTagName("img")

对象分类:

将添加的属性和方法放到字面量{}中。

获取选中的索引  select.selectedIndex

功能:1.模式的匹配

function stopPropagation(e){

一般情况,要把销毁,等待释放,垃圾回收。

滚动大小  包含滚动内容的元素大小。

DOM0事件处理程序:

this.sex=sex;

5)检测一个属性是存在于实例中,还是存在于原型中:hasOwnProperty()

返回值:布尔值,true匹配,false不匹配

//从里往外依次寻找,一直到到全局变量。但是不能从外往里找变量。

{n,m} 匹配前一项最少n次,最多m次  用户名只能是数字 长度在5-12之间  reg=/[0-9]{5,12}/

if(obj.currentStyle){

this.say=function(){

mouseup

创建文本节点  document.createTextNode(文本)

str="6226  7895  454544 3443"

d  代表数字  [0-9]

1、读取函数内部的变量

[^x00-xff]    双字符

size      长度 个数

2、在IE中可能导致内存泄露。

替换节点

options[index].index  下标

elements.length 表单元素的个数

select.options[index]

实例名 instanceof  构造函数名  返回值:true  false

四、 元字符

//插入单元格  对象.insertCell(index)

1全选:

S  非空格字符

访问事件对象event=e || window.event

缺点:使用同一个接口创建很多对象,会产生大量的重复代码。

属性即变量,用于存取数据。

语法:str.search(reg/字符串)

blur  失去焦点事件

//匿名函数的自执行  (要执行的匿名函数)(匿名函数的执行)

var arr= new Array()

//删除行  对象.deleteRow(index)

闭包的优点:

对象:由属性和方法构成。

如果全局匹配的化, 找不到null. 找到了返回所有的,数组。

删除:                  语法:对象.removeEventListener(参数与添加的参数完全相同)                  //不能删除匿名函数

offsetTop      元素上边框距离父元素的距离

如何检测一个的对象的构造函数是谁呢? constructor  构造函数

function createObj(name,sex,age){

元素.removeAttribute("属性名")

function(e){}

要求这放在js脚本的最前面。

JavaScript基本知识点整理(超实用)分分快三计划。标准浏览器下 DOM中 : event.stopPropagation()  停止传播

节点类型  nodeType  1元素节点  2属性节点 3文本节点  8 注释节点  9 文档节点

语法:str.replace(要替换的(旧),替换为的(新的))

阻止事件冒泡行为

offsetHeight    元素自身的高度  height border padding

XX$  以$结束

.title="标题"

focus()

添加                  语法: 对象.attachEvent(on 事件名,函数)

类型 event. type  目标:event.target || event.srcElement  鼠标的位置: event.clientX  event.clientY

//函数表达式  :先定义后执行

删除option元素:  select.remove(index)

message:错误消息

自定义属性  data-time="2015/12/2"  data-pic=""

跨浏览器的事件处理程序:

练习:替换法轮功

继承:原型链继承

功能:用于检测内容是否与正则相匹配

if(e.stopPropagation){

添加属性和方法:

i  忽略大小写

}

1)  test()

宽度  document.documentElement.clientWidth  ||  document.body.clientWidth

返回值: click  mouseover  mouseout

? 4、通常构造函数名始终以大写字母开头,非构造函数名不以大写字母开头

功能:替换掉符合匹配的字符串。

删除节点

光标定位到指定的多个位置 ctrl

var time= new Date()

?      3、没有return 语句。

table : thead  一个

事件的概念:文档或者浏览器窗口中发生一些特定交互瞬间。(用户或者浏览器自身执行的某种动作)

获取属性:

数组的input元素:  原始字符串

IE  微软公司:事件冒泡流

语法:var 对象名={};

alert("你的名字是" this.name "你的性别是" this.sex);

注意:属性与属性与方法之间用逗号隔开

value的取值意义: select.value  获取的是值2.优先获取的是value="值1",如果

Date日期对象

鼠标划过多li添加背景,鼠标离开删除背景。

_____________________

高度:document.documentElement.clientHeight

tfoot  一个

3)  getElementsByName(name名)  表单  nodeList 节点列表  数组  [0]

对象实例添加某个属性只会阻止我们访问原型中的那个属性,但不会修改原型中的那个属性值

//匿名函数

//获取表头 对象.tHead  一个

[id选择器  类选择器  标签选择器]

1)如何访问事件对象?

没有值1,获取值2。

事件对象在屏幕上的坐标    水平  event.screenX  垂直坐标 event.screenY

鼠标事件:

语法:对象.on事件类型=fn;

复制节点(克隆节点)

mouseleave  离开  不冒泡

var  event=e(第一个参数) || window.event

_______________________________________

——————————————

7)事件对象的在浏览器中坐标  水平 event.clientX    垂直坐标 event.clientY

闭包只能使用包含函数中任何变量的最后一个值(最终值)。

tbody  多个

[x00-xff]      单字符

1)显式创建  用构造函数的    var reg=new RegExp('表达式')    数据类型:对象类型

SuperType.apply(this,数组名)

尺寸:  offsetWidth    元素自身的宽度  width border padding

元素.属性名=属性值

btn.onclick=function(){}

方法:阻止冒泡 ,阻止默认行为

元素.setAttribute("属性名","属性值")

fn 匿名函数也可以是有名函数;

{n,}  匹配前一项最少n次

keyup      释放按键的时候,触发

addHandler()

3、构造函数的模式

语法:对象.on事件类型=null;

DOM2事件处理程序:

search():  返回匹配字符串的下标。

选择:|或者

方法:

IE中:  event.returnValue=false  返回值=false  // return  false

click

else{

________________________

subTye.prototype=new SuperType()  //子类型的原型指向父类型的对象实例  缺点:不能传参数  来自于包含引用类型值的原型。

e.cancelBubble=true

2)  exec()

在自定义对象中this即该对象。

window.onerror=function(){

优点:简单, 跨浏览器兼容。

用构造函数创建一个对象的过程会经历4个步骤:

元素.getAttribute("属性名")

IE:  event.srcElement

说明:

SuperType.call(this,name,sex)

键盘事件:

创建option元素:  new Option(text,value)

}

元素大小,  js盒模型 返回值:  只能获取不能设置,没有单位,是数值类型。

节点.style[css属性]  常量直接写 ,变量呢?[变量名]  变量或者参数。

第一种方式适用于创建单个对象,单体对象。

1、通过Object()构造函数或字面量方式创建

删除:                语法: 对象.detachEvent(on 事件名,函数)  参数与添加的的时候完全一样

节点值    nodeValue  null      属性值  文本本身

if(e.preventDefault){

.  除了换行符以外任意字符

创建自定义对象

附加:

document.anchors  获取所有带name属性的超链接

(1) 创建一个新对象;  new Person()

删除:

获取属性:

语法格式:str.match(reg/字符串)

document.forms 获取所有的表单元素 等价于document.getElementsByTagName("form")

表单的提交和重置的方式:

预览:右键复制文件路径

表单提交的方法:  表单对象.submit()

删除所有的option 有两种方法:  select.innerHTML=''  select.options.length=0

查找表格的元素:thead  tbody  tfoot  cells  rows

str="aaa  , bbb, ccc"

IE浏览器中  IE中: 作为window对象的属性存在 window.event

组合继承:

css样式的问题:

mouseover  划过

//获取行  对象.rows nodList 数组 rows[0]

//删除单元格 对象.deleteCell(index)

.checked=true

alert("你的名字是" this.name "你的性别是" this.sex);

阻止冒泡: DOM下:  event.stopPropagation()  IE: event.cacelBubble=true

只有函数内部的子函数才能读取局部变量,

getComputedStyle(obj,null).css属性

DOM中:event.preventDefault()  阻止默认行为

表单:

return  o

构造函数模式与工厂模式的区别:

返回值:能匹配成功 数组  不匹配  null

语法:reg(Object).test(内容)

}

select 属性:

s  空格字符

m  多行匹配

行内样式

2、工厂模式

var  arr=new Array()

调用: var p1=createObj("张三","男",19)

1)    提交的三种方法    按钮提交

? 1、没有显式地创建对象;

function SubTye(name,sex){    // 或者对象冒充  伪造对象

(2)通过字面量(隐式创建)

mouseout  离开

return  getComputedStyle(obj,null)[style]

属性:

blur()

分组():将多个匹配项组合为一个整体

}

方法名:function(){}

————————————————————————

因此可以把闭包简单理解成“定义在一个函数内部的函数”.

_________________

IE事件处理程序:

选中:selected

非行内样式:

节点.style[css属性]=值

Array数组对象

一、创建:

w  代表的是字母数字下划线 [a-zA-Z0-9_]

var p2=new CreateObj("李四","女",20)

//获取表尾 对象.tFoot    一个

事件:

三、 修饰符:

select.options.length

JavaScript基本知识点整理(超实用)分分快三计划。客户端(客户区)大小

dbclick

空格键    32

通信错误

错误类型:

N 网景公司:  事件捕获流

}

selected 选中

设置属性:

3) 多个对象实例共享原型所保存的属性和方法的基本原理:

.src=""

[....]  匹配括号内的任意一个字符  [0123456789]  [abc]  [0-9]  [a-z]  [A-Z]  [0-9]{6}

true  结构 内容都复制

使用构造函数模式创建对象的问题:每个方法都要在每个实例上重新创建一遍,浪费内存空间

加载对象 window  第二个img 当图片无法加载的时候

4) 检测某个对象实例和原型之间是否存在对应关系:isPrototypeOf()

mouseenter  进入  不冒泡

事件对象的属性:

alert() confirm()  setInterval() setTimeout() clearInterval() clearTimeout()

window.onload=function(){  }

p1.constructor 指向不到createObj

IE浏览器下

数组的index元素: 匹配内容的第一个字符索引下标

元素.属性名 无法获取和改变自定义属性的值。

二、正则表达式的方法:

ctrl shift p  html

blur

(浏览器窗口大小) 可视区大小  视口

}

DOM表格操作

说明:数组的第一个元素:匹配的内容

件。

var reg=new RegExp('表达式','修15:54 2016/8/10饰符')  i

querySelector(css选择器)    只能获取第一个元素

error: 错误事件

跨浏览器兼容阻止冒泡:

scrollTop  滚动条向上滚动的距离

语法: regObject.exec(内容)

类型转化错误

focus  获取焦点事件

o.name=name;

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 日记本