Javascript回顾

Javascript构成:基本知识(语法、概念)内置类、DOM、事件、面向对象。

基本知识:

  1. 语法规则:区分大小写;变量、函数、属性、函数的参数第一个字符必须是字母、下划线、或美元符号其他字符可以是字母、下划线、美元符号、数字;采用驼峰式写法
  2. 表达式与运算符(算术运算符+、—、*、/、%、++、——、+value变量取正、—value;赋值运算符=、+=、—=、*=、/=、%=、<<=、>>=、>>>=;关系运算符<、>、==、===、<=、>=、!=、!==;逻辑运算符&&与、||或、!非;位运算符&、|、~、^、<<、>>、>>>;其他[]、instanceof、typeof、new、void、delete、in)优先级
  3. 数组:var name=[value,value,……]
  4. 注释://,/***/
  5. 内部,匿名函数,
  6. 参数
  7. 变量:var name,不加var的变量为全局变量
  8. 数据类型:检测给定变量的类型typeof,字符串、布尔、数组、对象、Null、Undefined、Number:NaN、+Infinity、-Infinity,类型转换:隐式转换、显式转换(parseInt、parseFloat、),常量,转义字符
  9. 流程控制:if,do-while,while,for,for-in,label,break、continue,with,switch(){case:……default},变量=布尔值?值1:值2
  10. 函数

内置类:JavaScript 对象JS Array、

JS Boolean

Browser 对象

HTML DOM 对象

HTML 对象

Global,静态对象不需要创建实例,动态对象需要创建实例

DOM:Node对象类型(Document、Element、Attr、processingIntruction、Comment注释、Text、CDATASection、Entity)、属性(attributes、childNodes、firstChild、lastChild、nextSibling、nodeName、nodeType、parentNode、previousSibling)、方法(appendChild()、cloneNode()、hasChildNodes()、insertBefore()、removeChild()、replaceChild());获取节点(getElementById、getElementsByTagName、getElementsByName),生成节点(createElement、createAttribute、createTextNode、createComment),插入节点(insertDate、deleteDate);替换(replaceDate);对属性进行操作(createAttribute、setAttribute、getAttribute、removeAttribute)改变节点样式、属性、值

事件:事件句柄(onabortonbluronchangeonclickondblclickonerroronfocusonkeydownonkeypressonkeyuponloadonmousedownonunloadonsubmitonselectonresizeonresetonmouseuponmouseoveronmouseoutonmousemove、)鼠标 / 键盘属性(altKeybuttonclientXclientYctrlKeymetaKeyrelatedTargetscreenXscreenYshiftKey)IE 属性(cancelBubble、fromElement、keyCode、offsetX,offsetY、returnValue、srcElement、toElement、)Event属性(type、target、currentTarget、srcElement、eventPhase、timeStamp事件发生的时间、bubbles指明该事件是否起泡、cancelable是否可以用button一个数字、altKey、ctrlKey、clientX、clientY、screenX、)Event方法:screenY、initEvent()、preventDefault取消默认动作、stopPropagation终止事件传播、)

面向对象:继承

异常:try{}catch(){}

调试:错误(语法、运行时、逻辑);alert()write();writeln();Firebug

时间: 2024-10-12 14:55:02

Javascript回顾的相关文章

HTML5移动开发之路(29)—— JavaScript回顾4

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(29)-- JavaScript回顾4 一.变量的作用域 JavaScript脚本的执行过程分为两个阶段: 第一阶段,js引擎()先扫描整个javascript代码.当碰到<script>时,会先创建一个全局的活动对象,将<script>中出现的变量的声明,函数的定义保存在活动对 象里面.如果碰到函数,则创建对应的局部活动对象,将函数内部的变量的声明及函数的定义保存在该活动对象里面. 第二阶段

HTML5移动开发之路(30)—— JavaScript回顾5

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(30)-- JavaScript回顾5 一.查找 第一种方式:依据id查找 var obj = document.getElementById(id);   //document是HTMLDocument的实例 [html] view plain copy print? <html> <head> <script> function f1(){ var obj = document

HTML5移动开发之路(27)—— JavaScript回顾2

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(27)-- JavaScript回顾2 JavaScript面向对象基础知识 1.如何定义一个类,使用如下语法来创建一个类 [javascript] view plain copy print? function Person(name, age){ //习惯上第一个字母大写 //this修饰的变量称为属性 this.name = name; this.age = age; //如果属性值是一个函数,则这个

HTML5移动开发之路(28)—— JavaScript回顾3

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(28)-- JavaScript回顾3 一.基本数据类型 number:数字类型 string:字符串 (注意s小写:string是基本类型) boolean:布尔类型   //前三个都有对应的包装类 null:空类型 undefined:未定义类型 测试一: [html] view plain copy print? <html> <!--基本类型测试--> <head> <

HTML5移动开发之路(26)—— JavaScript回顾1

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(26)-- JavaScript回顾1 很久没有怎么用过JavaScript了,感觉有点生疏,最近在看关于HTML5移动开发方面的资料,有一种直觉告诉我,JavaScript昨天.今天很重要,明天会更重要.现在好多基于JavaScript的框架给我们的开发带来了很大便利,但是要更好的使用这些工具,我们就必须对JavaScript有一个更高的认识,翻开以前的笔记,开始复习吧. 一.JavaScript的作用

【JavaScript回顾】继承

组合继承 组合继承(combination inheritance),有时候也叫做伪经典继承,指的是将原型链和借用构造函数的 技术组合到一块,从而发挥二者之长的一种继承模式.其背后的思路是使用原型链实现对原型属性和方 法的继承,而通过借用构造函数来实现对实例属性的继承.这样,既通过在原型上定义方法实现了函数 复用,又能够保证每个实例都有它自己的属性.下面来看一个例子: <script> function Person(name, age, friends) { this.name = name

【JavaScript回顾】闭包

什么是闭包? 闭包是指有权访问另一个 函数作用域中的变量的函数(也就是说,你这个函数用到的变量另外一个域的就算闭包) <script> function f1() { var age = 10; //这个函数就是闭包 function f2() { return age; } return f2; } alert(f1()()); </script> 在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁. 闭包与变量 (这里需要注意的) function createFunct

【JavaScript回顾】对象创建的几种模式

组合使用构造函数模式和原型模式 创建自定义类型的常见方式,就是组合使用构造函数模式与原型模式.构造函数模式用于定义实 例属性,而原型模式用于定义方法和共享的属性.结果,每个实例都会有自己的一份实例属性的副本, 但同时又共享着对方法的引用,大限度地节省了内存.另外,这种混成模式还支持向构造函数传递参 数:可谓是集两种模式之长. <script> function Person(name, age, job) { this.name = name; this.age = age; this.job

JavaScript回顾练习

第一题: 1.给等于号的元素添加点击事件 1)在"="元素上面添加onclick属性=“getSum()” 2)在js文件中获取“=”的元素,元素.onclick=function jia(){ } 备注:onmouseover.onmouseout.onmousedown.onmouseup.onkeydown.onkeypress.onkeyup 2.定义函数,实现点击后的效果 1)获取第一个和第二个文本框的值 var firstNum= document.getElementBy