摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2012-07-08 19:24 vimer 阅读(177) 评论(0) 推荐(0)
摘要: 第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="Content-Type" content=&q 阅读全文
posted @ 2012-05-27 19:32 vimer 阅读(145) 评论(0) 推荐(0)
摘要: 第4章 变量、作用域和内存问题基本数据类型和引用类型typeof 检测变量类型是不是基本类型var s = "abc";var b = true;var i = 22;var u;var n = nullvar o = new Object();alert(s); // stringalert(b); // booleanalert(i); // numberalert(u); // undefinedalert(n); // objectalert(o); // objectinstanceof 引用类型返回true执行环境作用域⒈ 内部作用域链可以访问所有的外部环境,但 阅读全文
posted @ 2012-04-23 00:07 vimer 阅读(232) 评论(0) 推荐(0)
摘要: 第1章 JavaScript简史在JavaScript DOM编程艺术 (第2版) 读书笔迹中已经写过,不再重复。第2章 在 HTML 中使用 JavaScriptscript 标签的属性:charset: 可选。表示通过src 属性指定的代码的字符集。大多数浏览器会忽略它的值,所以这个属性很少有人使用。defer: 可选。 表示脚本可能延迟到文档完全被解析和显示后再执行。(和把脚本放到文档结尾位置效果相同。但该属性目前只有IE和firefox3.5以上浏览器才支持。)language: 已废弃。src: 可选。表示包含要执行的外部文件。(外部文件的.js后缀不是必须的,可以缺省)type: 阅读全文
posted @ 2012-04-15 23:43 vimer 阅读(149) 评论(0) 推荐(0)
摘要: JavaScript高级程序设计(第2版)读书笔记第1-3章JavaScript高级程序设计(第2版)读书笔记第4-6章JavaScript高级程序设计(第2版)读书笔记第7-9章JavaScript高级程序设计(第2版)读书笔记第10-12章JavaScript高级程序设计(第2版)读书笔记第13-15章JavaScript高级程序设计(第2版)读书笔记第16-18章JavaScript高级程序设计(第2版)读书笔记第19-21章JavaScript高级程序设计(第2版)读书笔记第22章 阅读全文
posted @ 2012-04-15 23:39 vimer 阅读(204) 评论(0) 推荐(0)
摘要: 1 /** 2 * addLoadEvent 3 */ 4 function addLoadEvent(func) { 5 var oldonload = window.onload; 6 if(typeof oldonload != "function"){ 7 window.onload = func; 8 }else{ 9 window.onload = function(){ 10 oldonload(); 11 func(); 12 } 13... 阅读全文
posted @ 2012-04-08 14:39 vimer 阅读(180) 评论(0) 推荐(0)
摘要: 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 阅读(335) 评论(0) 推荐(0)
摘要: 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 阅读(217) 评论(0) 推荐(0)
摘要: 页面有三层信息构成:结构层(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 阅读(176) 评论(0) 推荐(0)
摘要: 为一个文档创建① 缩略词表② 文献来源链接③ 快捷键清单这些信息,对于我们来说很少用到,也可以说几乎用不到。通过这个三个函数的编写,巩固上几章节中学到的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 阅读(160) 评论(0) 推荐(0)
摘要: 第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 阅读(293) 评论(0) 推荐(0)
摘要: 把时间处理函数移出文档向后兼容确保可访问支持平稳退化检测对象和方法是否存在直接上代码 有详细注释: 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 阅读(173) 评论(0) 推荐(0)
摘要: 第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 阅读(218) 评论(0) 推荐(0)
摘要: 相关知识点:元素子节点: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 阅读(616) 评论(1) 推荐(0)
摘要: 前面两章都是概念性的东西,基本是找书的原文记录。从本章开始,更多是用一些实例来详细说明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 阅读(256) 评论(0) 推荐(0)
点击右上角即可分享
微信分享提示