JavaScript DOM编程艺术：读书笔记与基础解析
需积分: 9 30 浏览量
更新于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页未读，继续阅读
101 浏览量
145 浏览量
2020-10-24 上传
2020-12-10 上传
2020-10-24 上传
103 浏览量
2020-10-24 上传
168 浏览量
110 浏览量
www_ten
- 粉丝: 1
- 资源: 2
我的内容管理
展开
最新资源
- elasticsearch-analysis-ik-6.4.3.rar
- 4_dtsled_设备树驱动例程_
- SteamVR插件.rar
- HelloJava:一些java例子，希望对以后有帮助
- 网件A6100-V1.0.0.36驱动
- 【ssm项目源码】文档管理系统.zip
- clase_1_2021
- 使应用程序源不可知
- coffesploit:coffesploit是一个自动渗透测试框架
- driwwwle：Dribbble，但适用于Web开发人员。 与世界共享您的Web项目的门户
- WebSite2_数据稽核统计_
- DOTween Pro 1.0.zip
- MyTitlePageIndicatorDemo
- tc3kb_v500_upgrade TC3000B仪器固件
- 构建环境传播者插件
- sultan-spring
