刘家窑做网站的公司,百度高级搜索指令,做百度网站还是安居客网站,无锡企业网站改版接下来项目需要网页相关知识#xff0c;故在大牛的指引下前来阅读本书。 记录方式#xff1a;本书分四部分阅读#xff0c;完成阅读之后会多写一篇包括思维导图的算是阅读指南的东西#xff0c;浏览的童鞋看着指南可以跳过一些不必要的坑~ 当前水平#xff1a;HTMLCS…接下来项目需要网页相关知识故在大牛的指引下前来阅读本书。 记录方式本书分四部分阅读完成阅读之后会多写一篇包括思维导图的算是阅读指南的东西浏览的童鞋看着指南可以跳过一些不必要的坑~ 当前水平HTMLCSSJS基本掌握能在阅读文档以及Google查找的情况下完成前端代码编写但是学习不深HTML5CSS3新特性、JS基础框架皆不熟悉 读书目的了解DOM概念并通过训练熟悉掌握了解JS特性 博客目的督促自己学习并记录下过程 博客编写时读书进度第6章完结 阅读规划 浏览目录之后总结该书学习思路大致如下(其实就是生搬目录) 简史-》最基础语法-》DOM-》动态标记的创建-》充实文档的内容不懂照抄-》CSS DOM-》JS动画-》HTML5特性简介 456这三章以图片库为练习项目来具体讲解程序优化、分离、兼容等问题程序比较简单了解结果之后可以自己写完再与书中的对比 12章为综合实例尚未了解 开始阅读 一、简史 导读基本概念 内容 DOM概念一套对文档的内容进行抽象概念化的方法, 亦是一种得到共同认可的基本约定。 DOM标准化作用可以让 任何一种Programming Language 对 使用任何一种标记语言所编写出来的文档 进行操控jsonxmlxaml之类的 浏览器引擎 WebKit(Safari Chrome) 、 Gecko(Firefox) 思考至此DOM的概念还是不清晰知道DOM将文档划分层级或说是树来方便文档的操作但是在浏览器上的表现和作用体现在哪呢 二、最基础语法 导读最基础的语法所以只是节选一些觉得之前不太了解的 内容 1、数组初始化有多种方式 var array1 Array(); //无长度空数组var array2 Array(4); //有长度空数组var array3 []; //无长度空数组var array4 [A,B]; //普通数组 2、用对象来代替数组将大大提升可读性 var a{}a.first xiaoming;a.second qixi; 3、对象分为内建对象、宿主对象、用户自定义对象同上,这本书说读者自己玩所以不介绍 内建对象:就是一些JS已经定义好的对象有学过Java的童鞋可以把这货当做 Java的类 ,就是 System.currentTimeMillis new Person().year 这样的东西 宿主对象:不是由JS提供而是由代码运行环境提供也就是浏览器有Form、Image、Element以及document(JS大佬)等 思考看完本章主要收获是在 对象 方面JS的document原来是属于宿主对象的那window呢 思考答复 本书3.2有讲到window window对象是宿主对象 中 最基础的对象 。window 对应着浏览器窗口本身提供了浏览器的各种基础操作方法如open()、blur()。 三、DOM 导读D、O、M的概念节点操作属性操作 同目录 内容 : 1、DOM概念 D: 网页文档 》 文档对象 操作对象 O: 同 第二章 》内容 》第3点 M: 直接翻译是model或者map即能够通过M来看懂DOM的信息。 DOM的作用 一份文档 》一颗树数学或编程意义上的层级关系 通过树的模型来描述文档中各个节点之间的关系所以也将文档称为 节点树 2、节点操作 a、节点类型 在JS中使用 节点.nodeType 可以得到对应的数字一般只得到到1(元素节点)、2(属性节点)、3(文本节点) 元素节点:body、p这样的 属性节点:p title我是属性节点 加粗位置即为一个属性节点 文本节点:p我是文本节点/p元素节点中间包含的加粗文本这样的 属性节点总是被包含在元素节点中文本总是在属性节点下一级。每个节点都是一个对象!不信的typeof节点试试~ 还有许多不同类型的节点详细可参见 w3c NodeType详解 b、操作节点(都是document特有的函数) getElementById(idname) return一个结果--具有对应id的元素对象 getElementsByTagName(tagname) return一个数组--document中所有元素为tagname的对象集合 getElementsByClassName(classname) return一个数组--document中所有类名为classname的对象集合 该方法为HTML5 DOM中新增 *这里有个小东西可以做的因为HTML5 DOM才提供getElementsByClassName所以可能有的浏览器用不了。。但是我觉得没有咯所以可以手撸一个getElementsByClassName 书里有教程和代码思路我描述一下 3、属性操作 getAttributesetAttribute 获取修改节点属性。 DOM的工作模式在此得以体现 先加载静态html然后用JS动态刷新。这样做可以刷新页面内容而不需要在浏览器里刷新。 思考嗯这章没啥好思考的就是明白了DOM如何处理文档复习一下DOM提供的基础操作方法~接下来4-6章的图片库练习 转发请注明出处http://www.cnblogs.com/qixi233/p/5525633.html 转载于:https://www.cnblogs.com/qixi233/p/5525633.html
