2012 年 3月随笔档案 - vimer

JS DOM 编程艺术(第2版)读书笔记第11章 HTML5

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="gb2312"> 5 <title>HTML5</title> 6 <style type="text/css"> 7 body{background:#CCC;} 8 </style> 9 </head> 10 <body> 11 12 <canvas id="draw-in 阅读全文

posted @ 2012-03-27 00:18 vimer 阅读(340) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第10章用JavaScript实现动画效果

摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2012-03-25 22:30 vimer 阅读(223) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第9章 CSS-DOM

摘要：页面有三层信息构成：结构层（structural layer）表示层（presentation layer）行为层（behavior layer）设置和获取样式所有CSS中间带减号的在JS 中用驼峰命名法css：font-sizejs：fontSize只读的属性：previousSibling、 nextSibling、 parentNode、 firstChild、 lastChildstyle对象的属性可读可写：style.top、style.width、style.height 等 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 阅读全文

posted @ 2012-03-21 01:05 vimer 阅读(180) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第8章充实文档的内容

摘要：为一个文档创建① 缩略词表② 文献来源链接③ 快捷键清单这些信息，对于我们来说很少用到，也可以说几乎用不到。通过这个三个函数的编写，巩固上几章节中学到的JS DOM打操作方法。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 阅读全文

posted @ 2012-03-20 23:56 vimer 阅读(162) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第7章动态创建标记

摘要：第7章动态创建标记传统的方法：document.write() 和 innerHTML (避免使用document.write())深入剖析DOM方法：createElement、createTextNode、appendChild、inserBeforecreateElement、createTextNode 创建出来的节点只是JavaScript世界里的孤儿, 利用appendChild insertBefore 把这些DocumentFragment对象插入到某个文档节点。createElement(nodeName);createTextNode(text);parent.appen 阅读全文

posted @ 2012-03-11 00:08 vimer 阅读(298) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第6章图片库改进版

摘要：把时间处理函数移出文档向后兼容确保可访问支持平稳退化检测对象和方法是否存在直接上代码有详细注释： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv=& 阅读全文

posted @ 2012-03-08 23:51 vimer 阅读(179) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第5章最佳实践

摘要：第5章最佳实践平稳退化和渐进增强让不支持或禁用了javascript浏览器也能顺利浏览网页。一个简单例子：function popUp(url){ window.open(url, "popUp", "width=320,height=480")}伪协议和onclick处理事件：也能完成打开弹出窗口的需求。但是在不支持JavaScript或禁用的JavaScript的浏览器，页面就无法正常打开。<a href="javascript:popUp('http://www.qq.com/')">open 阅读全文

posted @ 2012-03-08 23:28 vimer 阅读(223) 评论(0) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第4章案例研究：JavaScript 图片库

摘要：相关知识点：元素子节点：element.childNodes //返回所有类型的了节点，不包括孙子节点// object Text// object HTMLHeadingElement// object HTMLUListElement// object HTMLImageElement// object HTMLParagraphElement// object HTMLScriptElement节点类型： node.nodeType元素节点 1属性节点 2文本节点 3节点的值：element.nodeValue // 貌似只有文本节点有值，元素节点返回null或undefined第一个子阅读全文

posted @ 2012-03-07 00:05 vimer 阅读(619) 评论(1) 推荐(0)

JS DOM 编程艺术(第2版)读书笔记第3章 DOM

摘要：前面两章都是概念性的东西，基本是找书的原文记录。从本章开始，更多是用一些实例来详细说明DOM的常用的操作和方法。首先解释一下什么是DOM(Document Object Model),文档对象模型。DOM结构很像我们的家谱树，用parent(父)、child(子)、sibling(兄弟)等来表示家庭中的成员。要获取一个DOM文档中的成员的有以下几个方法，通过节点ID，通过节点名，通过类名。例如：<div id="div1" class="divClass"></div><script type="text/java 阅读全文

posted @ 2012-03-06 23:51 vimer 阅读(261) 评论(0) 推荐(0)

03 2012 档案

公告