JavaScript DOM编程艺术
文章平均质量分 74
对该书知识点的浓缩,希望对大家有帮助。
雪落星辰ow
前端小菜鸟
展开
-
动态创建标记
这个方法可以把字符串插入到文档里。然后调用这个函数:但是把JS代码与HTML标记混合在一起是一种很不好的做法,应尽量使行为与结构分离.作者建议我们应该避免使用document.write方法.这个会弹出 < p > This is < em > my < em > content < /p >这段话,innerHTML没有什么细节,它会直接标记里的所有内容,而且innerHTML还支持插入内容,在网页里也会输出 I inserted this content.这句话.其实testdiv里面有没原创 2022-07-09 15:29:24 · 121 阅读 · 0 评论 -
图片库的改进版的启示
在图片清单里,各个链接都包含在同一个列表清单元素里,所以给整个清单设置一个ID.结构化程序设计原则(struct programming):函数应该只有一个入口和一个出口.但如果过分拘泥于这个原则将会使代码十分难以阅读,作者的观点是:只要这些出口集中出现函数的开头部分,就是可以接受的.4.对代码的改进:在上面的ul列表里,只需要根据id就可以链接列表里的各个元素:对prepareGallery的优化:这里进行了对象检测,对各种方法和对象不存在的情况进行了检测.6.对showPic的对象检测优化:原创 2022-07-07 19:23:12 · 243 阅读 · 0 评论 -
最佳的实践
与href = "JavaScript:…"和href = "#"相比,这个URL地址并没有彻底失效,用户依然可以查看链接。把上面的onclick事件点击函数封装进一个function中,把HTML与JavaScript代码分离开来.向后兼容:(1)浏览器嗅探技术:风险大,不推荐使用;(2)对象检测(object detection):若浏览器不存在对应的方法,直接返回false,确保浏览器的兼容性.就像是告诉浏览器,如果你没有对应的方法,请你离开!(1)尽量少访问DOM和尽量减少标记.减少DOM树原创 2022-07-06 20:13:39 · 139 阅读 · 0 评论 -
JavaScript图片库案例
JavaScript DOM编程艺术 第4章,JavaScript图片库案例。原创 2022-06-26 21:17:05 · 457 阅读 · 1 评论 -
元素获取与设置
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...原创 2022-06-24 22:14:55 · 6090 阅读 · 0 评论 -
DOM介绍
一、DOM简介1.document:文档,DOM中的"D":当创建了一个网页并把它加载到Web浏览器中时,DOM就已经生成了,它把你编写的网页文档转换为一个文档对象.2.Object:对象,DOM中的"O":在程序设计语言里,“对象”这个词含义很明确,对象是一种自给自足的数据集合,与对象相关联的变量被称为属性,与对象相关联的且只能由该对象去调用的函数被称为这个对象的方法.JavaScript里最基础的对象是window对象,对应着浏览器本身,这个对象的属性和方法通常被称为BOM(浏览器对象模型),但叫做窗口原创 2022-06-24 22:00:47 · 1953 阅读 · 0 评论 -
JavaScript简史
一、JavaScript起源1.W3C(万维网联盟) 批准 DOM(document object model);微软 在 IE3 发布 VBScript 以JScript命名;JavaScript 1.0 出现在 1995年的 Netscape Navigator 2浏览器中;Netscape & Sun 联合 ECMA(欧洲计算机制造协商会): JavaScript标准化 -> ECMAScript; ECMAScript是JavaScript的另一种名字(同一种语言的另一个名字);2. JavaS原创 2022-06-24 20:25:41 · 389 阅读 · 0 评论