javascript dom 编程艺术笔记第四章：图片库 - 相关文章

【javascript dom 编程艺术笔记第四章：图片库】的更多相关文章

javascript dom 编程艺术笔记第四章：图片库

首先先建立一个html文件,建立一个图片库 <!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 htt…

javascript dom编程艺术笔记第三章：DOM操作的5个基本方法

JavaScript的 DOM操作,主要是对DOM这三个字母中D.O.M的操作.D代表的是document(文档),即我们可以使用javascript对文档进行操作,O代表的是object(对象),对象包括用户自定义对象,内建对象和宿主对象,这里不再赘述,M代表的是model(模型),今天我们主要讲的就是model. model,就是把一份文档表示成一份树状结构的模型(ps:实在找不到图了,我觉得树状结构还是很容易脑补出来的吧!),这个树状结构由无数个节点组成,因为这个性质,所以,我们可以把整个…

JavaScript DOM编程艺术笔记（四）

DOM document object model(map) 家谱树---节点树父子兄弟元素节点 <div> 文本节点内容属性节点 value src getElementById getElementByTagName getElementByClassNamegetAttributesetAttribute…

JavaScript DOM编程艺术笔记（一）

探测浏览器品牌版本代码-----浏览器嗅探代码 JavaScript==ECMAScript java几乎可以部署在任何环境,js只应用于web浏览器 API是一组得到各方面共同认同的基本约定(元素周期表,国际时区,等等相当于api) DOM是一种API(应用编程接口) 语句 :结尾每一条注释 // 单行 /* */多行 html  /* var a=1; * b=a+1; 注释中间也加*比较好 */ c; 变量 variable var 声明变…

javascript dom编程艺术笔记之图片库的改进

dom的操作要遵守的原则 1.平稳退化 2.分离javascript 3.向后兼容 4.性能考虑改进后的显示图片方法 function showpic(whichpic){ if(!document.getElementById("placeholder")) return false; var source=whichpic.getAttribute("href"); var placeholder=document.getElementById("p…

dom编程艺术笔记2--第三章

DOM 1.dom:简单理解为文档对象模型<==>节点树 2.宿主对象:浏览器提供的对象—>document对象 3. html标签为树顶点元素 head body为html子元素以此类推个节点元素的父子关系 4.节点分类: 元素节点:即标签元素对象,可用该元素节点调用内部元素属性文本节点:<p>内部包含的文本内容为文本节点属性节点:标签内的属性以及属性值为属性节点例如<p title="a">,title=“a”是属性节点 css复习:…

dom编程艺术笔记1--第二章

第二章语法部分: 1.js注释:”这部分js会认为是注释内容的一部分 2.var 声明变量不用声明变量类型 3.声明使用一个数组语法:var object = Array(arg) 或者var object = Array(xxx,xxx,xxx) 4.对象声明:var a = Object(); 语句结束用分号 a.name a.year用这种对象+点的方式创建对象属性或者var a = {key:value}方式创建+添加对象属性与python字典类…

JavaScript DOM编程艺术笔记（三）函数

函数function 是在你的代码里随时调用的语句每个函数是个短小的脚本,arguments,传递的参数 function name(arguments){ statements; } function plus(num1,num2){ var total = num1*num2; alert(total); } plus(3,4); num1,num2接收数据,也可以返回数据 return 变量两个单词用_隔开函数两个单词用驼峰式写,这样可以区分变量和函数变量作用域如果在函数内部局部…

JavaScript DOM编程艺术笔记（二）语句操作

操作 var total = (1+4)*5; year = year +1; year++; var message = "i am" + "girl"; 是运算符,也是拼接 var message ="girl" + 1 ; alert("10"+20); //1020 变成了字符串 alert(10+20); //30 var year = 2010; var message = "The year is&qu…

《JavaScript dom 编程艺术》 placeholder占位符IE8兼容办法。

在<JavaScript dom 编程艺术>第11章学来的. 相对于用JavaScript替换文本框的提示语句 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function() { //需要判断…