搜索
一、内容简介1.JavaScript与可编程2.JavaScript的重要性1.面向机器的编程面向虚拟机的编程各操作系统API跨平台，跨操作系统JavaScript跨浏览器2.ECMAScript的广泛应用JavaScript（网页）/ActionScript（Flash）/SilverScript（.NET）……乐谱乐谱解释机构钢琴自动钢琴JavaScript程序JavaScript解释器HTMLDHTML二、JavaScript简介1.JavaScript实现2.Web标准结构(Structure)：XML,XHTML表现(Presentation))：CSS行为(Behavior))：DOM,ECMAScriptJavaScriptECMAScriptDOMBOM三、JavaScript基础1.语法区分大小写；弱类型变量(var)；每行结尾分号可以省略(强烈建议都加上);括号用于代码块；注释方式与java相同。2.变量Var（variable）；变量名规则：首字符是字母,_或者$;其余字符可以是字母，数字，_或者$;不能是关键字或者保留字。3.数据类型字符串(slice，substring)；数值；布尔值(typeof);数组(varaMap=newArray(“China”,”USA”,”Britain”););4.条件语句比较操作符：==；；；逻辑操作符：&&；||；！；If语句和swith语句（客户交互框prompt；document.write）。5.循环语句While语句；For语句6.函数Function四、CSS基础1.概念层叠样式表，将网页样式和内容相分离。2.控制页面行内样式：style属性；嵌入式styletype=”text/css”!----/style;链接式linkhref=””type=”text/css”rel=”stylesheet”;导入式styletype=”text/css”!--@importurl(1.css);--/style一次导入多个css3.选择器标记选择器h1;类别选择器.class(可以共用);Id选择器(某一个特殊标记)#选择器的集体声明选择器的嵌套声明；子选择器的声明；五、CSS进阶1.Div（段落标记）和span（行内标记）标记（区块标记）2.盒子模型3.元素定位Float定位：漂浮到指定位置Position定位：Absolute：具体数字，父块设置position相对于父块；父块未设置position相对于页面Relative：可以有%，始终相对于父块z-index定位：层次4.Css排版观念将页面用div分块：设置各个块位置：css定位六、DOM模型1.DOM模型框架（通过一个节点，遍历其他所有节点）2.DOM中的节点：元素节点，文本节点，属性节点3.使用DOM访问节点父子关系：访问节点属性：创建新节点：4.InnerHTML标记间所有内容，包括代码七、事件1.事件流冒泡型事件：捕获型事件(IE不支持)2.事件监听简单的通用方法：IE浏览器：标准DOM:（Fireworks）3.事件对象兼容两种浏览器：事件类型：八、表格与表单1.动态控制表格动态添加：动态删除：2.表单基础通过document.form来获取表单：3.文本框控制字符个数：单行文本框：maxlength；Textarea：自动选择文本：九、JavaScript的调试与优化1.错误和异常拼写错误；访问不存在的变量；括号不匹配；连接错误；等号与赋值；2.错误处理Onerror：Try…catch语句：3.调试器Firefox错误控制台：MicrosoftScriptDebugger：针对IEVenkman：针对Firefox大型程序4.优化下载事件：能写一行尽量写在一行；使用内置函数Math.pow()；最小化语句数量：十、Ajax1．认识AjaxAjax组成部分：2.XMLHttpRequest对象异步对象链接服务器：创建：4：表示与服务器交互的状态是否成功；200：服务器的准备状态。9-1．AspxGETVS.POST:十一、Jquery基础1．Jquery概述优秀的JavaScript框架：访问框架局部（DOM）;修改页面表现(CSS);更改页面内容(API)；事件(不用在考虑讨厌的浏览器兼容性)；动画（自定义参数的表达效果）；与服务器异步操作(Ajax)；简化JavaScript操作(数组运算，迭代功能)举例：隔行变色JavaScript：Jquery：2.Jquery中的“$”选择器：功能函数前缀：创建DOM元素：3.选择器属性选择器：位置选择器：十二、Jquery控制页面1.标记的属性获取属性值：设置属性值：2.元素的样式添加CSS样式：动态切换：3.页面的元素直接获取、编辑元素内容：克隆元素：4.Jquery处理事件事件监听：移除事件监听：十三、Jquery制作动画与特效1.元素的显示与隐藏2.渐入渐出效果3.幻灯片效果十四、Jquery的功能函数1.浏览器的检测2.盒子模型标准盒子模型：$.boxModel对象：声明DOCTYPE:（IE也变成了“标准W3C”盒子模型）3.处理JavaScript对象$.each()遍历：$.each(object,fn);获取未知对象的信息：数据过滤：数组的转化：十五、Jquery与Ajax1.获取异步数据Load()方法：2.GETVS.POST3.控制Ajax设置Ajax：$.ajax(options)全局设定Ajax：$.ajaxSetup(options)十六、Jquery插件1.表单插件获取表单数据：清除和重置：Ajax提交表单：2.UI插件鼠标拖拽：拖入购物车（droppable()）: