JavaScript DOM编程艺术：读书笔记与基础解析
需积分: 9 87 浏览量
更新于2024-07-28
收藏 117KB DOC 举报
"JavaScript DOM编程艺术读书笔记"
这篇读书笔记主要涵盖了JavaScript的基础知识，特别是与DOM相关的部分，这对于理解和操作网页动态效果至关重要。首先，我们来看看JavaScript的简史和相关技术：
JavaScript起初是为了增强网页交互性而诞生的，它与XHTML（可扩展的超文本标记语言）和DHTML（动态HTML）有着密切关系。DHTML是通过结合HTML、CSS（层叠样式表）和JavaScript来实现页面的动态效果。CSS用于控制网页的样式，而DOM（文档对象模型）则是W3C批准的一个标准，它提供了一种统一的方式来处理HTML或XML文档的结构、内容和样式。DOM作为一个API，允许开发者通过编程方式动态地访问和修改文档。
大多数现代浏览器都内置了对DOM的支持，使得JavaScript能够方便地操作页面元素，如添加、删除、修改元素，以及响应用户交互等。
接下来，笔记介绍了JavaScript的基本语法：
1. JavaScript代码通常嵌入到HTML文档中，可以放在`<head>`标签内的`<script>`标签中，或者在外部文件中以`.js`为扩展名引用。
2. JavaScript是区分大小写的，变量名不能包含空格或某些标点符号，但可以包含字母、数字、美元符号和下划线。建议保持一致性，例如，如果字符串中包含双引号，那么应当使用单引号来包围字符串。
3. 数据类型包括字符串、布尔值和数组等。字符串需要用引号括起，可以使用转义字符`\`来处理特殊字符。布尔值`true`和`false`不应被引号包围。数组可以包含不同类型的数据，甚至可以包含其他数组。
对于初学者来说，理解这些基本概念是掌握JavaScript DOM编程的关键。了解JavaScript如何与DOM交互，能够极大地提升网页动态效果的开发能力。通过学习和实践，你可以创建出更丰富的用户体验，并深入理解网页背后的逻辑。
for(var i=0;i<links.length;i++) {
if(links[i].className == "popup") {
links[i].click = function(){
popUp(this.getAttribute("href"));
return false;
}
}
}
此种情况要加载window.onLoad事件 这样就昂这些代码在HTML文档全部加载到浏览器之后才
开始执行。如下:
window.onLoad = prepareLinks;
function prepareLinks(){
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++) {
if(links[i].className == "popup") {
links[i].click = function(){
popUp(this.getAttribute("href"));
return false;
}
}
}
}
别忘记把popUp()函数也保存到此外部JavaScript文件里去：
function popUp(winURL) {
window.open(winURL,"popup","width=320,height=480");
}
3、向后兼容性
对象检测技术(浏览器嗅探技术已经越来越落伍，逐渐被对象检测技术所取代)
由于浏览器的不同，需要进行对象检测 方法为：if(!method) return false;
如下：
window.onLoad = function(){
if(!document.getElementsByTagName) return false;//在这儿！关键代码 若有多个判断可以见"||"符
号
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++) {
if(links[i].className == "popup") {
links[i].click = function(){
popUp(this.getAttribute("href")); //这儿的关键字this代表着在此时此刻与
onclick方法相关联的那个元素
return false; //意思是"按照这个链接没被点击的情况采取行动"
}
}
剩余16页未读，继续阅读
点击了解资源详情
点击了解资源详情
点击了解资源详情
2018-12-13 上传
2020-10-24 上传
2020-12-10 上传
2020-10-24 上传
2020-10-28 上传
2020-12-01 上传
www_ten
- 粉丝: 1
- 资源: 2
我的内容管理
展开
最新资源
- Raspberry Pi OpenCL驱动程序安装与QEMU仿真指南
- Apache RocketMQ Go客户端：全面支持与消息处理功能
- WStage平台：无线传感器网络阶段数据交互技术
- 基于Java SpringBoot和微信小程序的ssm智能仓储系统开发
- CorrectMe项目：自动更正与建议API的开发与应用
- IdeaBiz请求处理程序JAVA：自动化API调用与令牌管理
- 墨西哥面包店研讨会：介绍关键业绩指标(KPI)与评估标准
- 2014年Android音乐播放器源码学习分享
- CleverRecyclerView扩展库：滑动效果与特性增强
- 利用Python和SURF特征识别斑点猫图像
- Wurpr开源PHP MySQL包装器：安全易用且高效
- Scratch少儿编程：Kanon妹系闹钟音效素材包
- 食品分享社交应用的开发教程与功能介绍
- Cookies by lfj.io: 浏览数据智能管理与同步工具
- 掌握SSH框架与SpringMVC Hibernate集成教程
- C语言实现FFT算法及互相关性能优化指南
