一、DOM简述
DOM—Document Object Model,它是W3C国际组织的一套Web标准。
它定义了访问HTML文档对象的一套习属性、方法和事件。
DOM是以层次结构组织的节点或信息片断的集合。
文档对象模型（Document Object Model）是给HTML与XML文件使用的一组API。
DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。
打开网页后，首先看到的是浏览器窗口，即顶层的window对象。
其次，看到的是网页文档的内容，即document文档。
定位对象：window.document.myform.text1或 document.myform.text1
因为window窗口对象是所有页面的根对象，所以常常省略。
地址对象location和历史对象history，它他对应IE浏览器中的地址栏和前进/后退按钮。
二、窗口window
常用属性：
1 window.clesed：指明窗口是否关闭。
2 window.defaultValue：窗口状态栏的默认信息。
3 window.docement：表示浏览器窗口中的HTML文档。
4 window.location：表示有关当前URL的信息。
5 window.history：表示有关当前访问过的RUL的信息。
6 window.name：设置或检索窗口或框架的名称。
7 window.screen：包含有关客户的屏幕和显示性能的信息。
8 window.screenX：窗口X坐标
9 window.screenY：窗口Y坐标
10 window.status：设置或检索窗口状态栏中的信息。
11 window.title：设置或检索窗口顶部标题栏中的信息。
12 window.self：当前窗口。
13 window.parent：当前窗口的最上层窗口。
14 window.top：当前显示的窗口的最上层窗口。
15 window.opener：所打开“子窗口”的“父窗口”的名称。
得到当前窗口的详细信息：
<body >
<script language="javascript" type="text/javascript">
window.document.writeln("当前位置："+window.location+"</br>");
window.document.writeln("包含窗口个数："+window.length+"</br>");
window.document.writeln("当前状态栏的信息："+window.status+"</br>");
window.document.writeln("当前窗口的名称："+window.name+"</br>");
window.document.writeln("当前窗口的X、Y坐标是："+window.screenX+","+window.screenY);
</script>
</body>
窗口window常用方法：
1 window.alert(“提示信息”)：显示一个包含确定按钮的对话框。
2 window.blur()：使对象失去焦点并激发onblur事件。
3 window.close()：关闭窗口。
4 window.open(“打开窗口的url”,”窗口名”,”窗口特征”)：按指定特征打开窗口。
窗口特征参数如下:
height：窗口高度
width：窗口宽度
top：窗口距屏幕上方的象素值
left：窗口跟屏幕左侧的象素值
toolbar：是否显示工具栏，yes或1表示显示，no或0表示不显示。
menubar：是否显示菜单栏，yes或1表示显示，no或0表示不显示。
scrollbars：是否显示滚动栏，yes或1表示显示，no或0表示不显示。
resizable：是否允许改变窗口大小，yes或1表示否允，no或0表示不否允示。
location：是否显示地址栏，yes或1表示显示，no或0表示不显示。
status：是否显示状态栏，yes或1表示显示，no或0表示不显示。
5 window.confirm(“提示信息”)：显示一个确认对话框，包括确定和取消按钮。
当点确定按钮时返回的是true,点取 消按钮时返回的是false。
6 window.prompt(“提示信息”,显示在text中的默认值)：显示带输入框提示对话框，主要用来收集信息。
当点确定按钮时返回的是true,点取消按钮时返回的是false。
7 窗口定位的方法：
（1） window.moveBy(x,y)：实现窗口的定向、定量移动。
两个参数分别表示x方向移动的距离和y方向移动的距离。
（2） window.moveTo(x,y)：把窗口移动到指定坐标位置。
两个参数分别表示横坐标、纵坐标。
8 窗口大小控制的两个方法：
（1）resizeBy(x,y)：按指定的尺寸调整窗口的大小。两个参数分别表示在水平方向上的改变量和垂直方向上的改变量。
（2）resizeTo(x,y)：把窗口调整到指定尺寸。两个参数分别表示浏览器窗口的宽和高。
9 操作定时器的两个方法：
（1）setTimeout(“函数’,毫秒数)：设置定时器，经过指定毫秒值后执行某个函数。
（2）clearTimeout(定时器对象)：取消某个定时器。
三、历史对象history
主要属性：
1 window.history.length:得到浏览器历史清单中的项目个数。
对象history主要方法：
1 window.history.back():加载History列表中的上一个URL，相当于IE的后退按钮。等同于window.history.go(-1);
2 window.history.forward():加载History列表中的下一个URL，相当于IE的前进按钮。等同于window.history.go(1);
3 go(“url” or number):加载History列表中的一个URL，或要求浏览器移动指定的页面数。
四、地址对象location
此对象相当于IE浏览器中的地址栏,包含了关于当前URL地址的信息.它提供了一种重新加载当前URL的方法。
主要属性：
1 window.location.hash：设置或检索另一个页面里的锚
2 window.location.host：设置或检索URL的主机名和端口号
3 window.location.hostname：设置或检索URL的主机名部分
4 window.location.pathname：设置或检索URL相对路径
5 window.location.href：设置或检索完整的URL字符串（常用）
6 window.location.port：设置或检索主机端口号
<script language="javascript" type="text/javascript">
window.document.writeln("锚 "+window.location.hash+"</br>");
</script>
对象location主要方法：
1 assign(“url”)：加载URL指定的新的HTML文档。
2 reload()：重新加载当前页。
3 replace(“url”)：通过加载URL指定的文档来替换当前文档。
五、文档对象Document
Document对象表示给定浏览器窗口中的HTML文档，并用于检索文档的信息、检查和修改HTML元素和文档中的文本、以及处理事件。
主要属性：
1 alinkColor：设置或获取元素中所有激活链接的颜色
2 linkColor：设置或获取对象文档链接的颜色。
3 vlinkColor：设置或获取用户已访问过的链接颜色。
4 URL：设置或获取当前文档的 URL。
5 location:获取当前URL的信息。
6 title：设置或获取当前文档的标题。
7 protocol：设置或获取 URL 的协议部分。
8 readyState：获取表明对象当前状态的值。
9 alinkColor：设置或获取元素中所有激活链接的颜色。
10 bgColor：设置或获取表明对象后面的背景颜色的值。
11 fgColor：设置或获取文档的前景(文本)颜色。
12 all：返回对象所包含的元素集合的引用。
13 anchors：获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
14 applets：获取文档中所有 applet 对象的集合。
15 childNodes：获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
16 embeds：获取文档中所有 embed 对象的集合。
17 forms：获取以源顺序排列的文档中所有 form 对象的集合。
18 frames：获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。
19 images：获取以源顺序排列的文档中所有 img 对象的集合。
20 links：获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
21 namespaces：获取 namespace 对象的集合。
22 scripts：获取文档中所有 script 对象的集合。
23 styleSheets：获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet 对象的集合。
对象Document主要方法：
1 clear(): 清除当前文档。
2 close(): 关闭输出流并强制将数据发送到显示。
3 write("text"): 在指定窗口的文档中写入一个或多个 HTML 表达式。
4 writeln("text"): 在指定窗口的文档中写入一个或多个 HTML 表达式，后面追加一个换行符。
5 focus(): 使得元素得到焦点并执行由 onfocus 事件指定的代码。
6 hasFocus():获取表明对象目前是否拥有焦点的值。
7 getElementById("ID"):
8 getElementsByName("Name "):
9 getElementsByTagName("TagName"):
相关推荐
总的来说，实景三维地图设计与实现是地理空间信息领域的一个重要进展，它不仅提升了地图的实用性和可视化效果，也为城市规划、安全监控、能源管理等多个领域提供了强大的决策支持工具。随着技术的不断进步，未来实景...
此外，通过叠置相关信息如等高线、地物符号和注记，可以增强影像的可读性和实用性。 实验的最终成果不仅包括原始航摄影像，还有学生对实验过程的理解和体会。通过这种方式，学生不仅能掌握数字微分纠正的技术，还能...
14. **最新特性与框架**：简述ES新特性，如箭头函数、解构赋值等，以及React、Vue等前端框架的基本概念。 这本书的每个章节都配以源码，让读者可以直接实践和学习。对于初学者来说，它提供了一个从零开始学习...
通过以上内容，我们可以看到jQuery在前端开发中的重要地位，虽然现在有更多现代技术出现，但它的简洁和实用仍然使其在许多场景下保持生命力。学习和掌握jQuery技术，对提升开发效率和解决实际问题都有很大帮助。
综上所述，jQuery的wrap()方法是一个强大且实用的工具，能够让我们轻松地修改DOM结构，添加新的元素层级，而无需复杂的DOM操作，大大提高了网页开发的效率和代码的可维护性。通过本文的介绍，希望对学习和使用jQuery...
第1部分 JavaScript.cCSS与DOM基础篇 第1章 ccJavaScript概述 1.1 JavaScript的起源 1.2 浏览器之争 1.2.1 DHTML 1.2.2 浏览器之间的冲突 1.2.3 标准的制定 1.3 JavaScript的实现 1.3.1...
1. **引言**：简述了编写本书的目的和结构。 2. **第1章：核心jQuery**：深入探讨jQuery的基础概念和技术细节。 #### 引言部分 在引言部分，作者首先解释了为什么选择使用`alert()`作为代码示例的方法，尽管这并...
15. **框架与库**：简介React、Vue、Angular等流行的JavaScript框架，以及jQuery等实用库。 16. **JavaScript设计模式**：介绍软件工程中常见的设计模式，如单例模式、工厂模式和观察者模式，提升代码可维护性和...
第1部分 JavaScript.cCSS与DOM基础篇 第1章 ccJavaScript概述 1.1 JavaScript的起源 1.2 浏览器之争 1.2.1 DHTML 1.2.2 浏览器之间的冲突 1.2.3 标准的制定 1.3 JavaScript的实现 ...
- **DOM操作**：介绍如何使用JavaScript操作文档对象模型(DOM)，以动态修改网页内容。 ##### 2. 高级特性 - **闭包**：深入探讨闭包的概念，解释其在JavaScript中的作用及应用场景。 - **原型继承**：讲解...
2. **DOM操作**：JavaScript能够通过Document Object Model（DOM）来操作网页内容。读者会学习如何选择、添加、删除和修改HTML元素，实现页面动态效果。 3. **事件处理**：理解如何响应用户交互，如点击按钮、滚动...
综上所述，《前端开发笔记本》涵盖了前端开发的各个方面，从基础知识到高级主题，旨在为读者提供全面而实用的学习指南。通过学习本书，开发者可以掌握前端开发的核心技术和最佳实践，从而提高自己的开发效率和项目...
6. **JavaScript与AJAX**：简述JavaScript基础，包括事件处理、DOM操作，以及使用Dreamweaver CS3内置的AJAX支持创建动态交互效果。 7. **模板与库**：讲解如何利用Dreamweaver的模板和库功能提高工作效率，创建可...
《Java核心技术电子书原版》包含了两卷：《Core Java (Volume I--Fundamentals 9th Edition)》和《Core Java (Volume II--Advanced ...这两本书的9th Edition更新了最新的Java版本特性，确保了内容的时效性和实用性。
- **Vuex:** Vuex是一个状态管理模式与库，专门用于Vue.js应用程序的状态管理。它提供了对组件间通信的高级支持，适用于大型应用。 **注意：** 在Vue 3中，一些API发生了变化，例如： - `$children`在Vue 3中已被弃...
jQuery倒计时插件是一种基于JavaScript库jQuery的实用工具，用于在网页上实现动态的、实时更新的时间显示。这类插件通常被用于事件预告、限时促销、考试倒计时等场景，为用户提供一种直观的方式感知特定时间点的到来...
原书的第十版更新至了最新的Java版本，提供了清晰的解释和实用的例子，帮助读者理解和掌握Java编程的核心概念。 卷I《基础知识》主要包括以下几个关键知识点： 1. **Java语言基础**：涵盖基本语法，如变量、数据...
### 基于Selenium的Web自动化测试 #### 1....通过上述内容，本文旨在为Web应用开发团队提供一套实用的自动化测试解决方案，帮助提高测试效率，降低错误率，最终提升Web应用的整体质量和用户体验。