下载文档原格式
![JavaScript练习题[精选]](https://img.taocdn.com/s1/m/af8eae48814d2b160b4e767f5acfa1c7aa0082ef.png)
第11章文档对象一、填空题1.文档对象也就是document对象，它代表___________的对象。
2.Document对象除了拥有大量的方法和属性之外，还拥有大量的___________，它可以用来控制HTML文档中的图片、超链接、表单元素等控件。
3.Document对象中又是由___________和___________组成的。
4.窗体对象是文档对象的一个元素，它含有多种格式的___________。
5.Document对象中包含了一些用来处理文档内容的方法，document对象支持5个基本方法：___________、___________、___________、___________和___________。
6.在HTML中的body元素中，可以通过___________属性和___________属性来设置网页背景颜色和默认的文字颜色。
7.将document对象的title属性和window对象的___________方法相结合，可以让浏览器窗口显示动态标题。
8.如果要想打开的不是THML文档，就要给___________方法传递一个参数。
9.Document对象的___________属性可以返回整个HTML文档中的所有HTML元素。
10.Document对象的anchors属性可以返回一个数组，该数组中的每一个元素都是一个___________对象，也称为___________。
二、选择题1.下列不属于文档对象的方法的是（）A.createElementB.getElementByIdC.getElementByNameD.forms.length2.分析下面这段代码运行的结果（）01<body>02<script language=”JavaScript”>03document.writeln(“文档最后修改于”+stModified);04var lastModObj=new Date(document. lastModified);05alert(lastModObj.getMinutes());06</script>07</body>A.弹出一个对象框B.没有任何输出C.在文档中显示文档最后修改的时间D.在对话框中显示文档最后修改的时间3.下列属性中表示文档中的未访问过的超链接的颜色是哪个（）A.linkColor属性B.vlinkColor属性C.alinkColor属性D.以上都不是4.分析下面这段代码运行的结果（）01<script language=”JavaScript”>02with(document)03{04writeln(“最后一次修改时间：” +stModified+”<br>”);05writeln(“标题：” +document.title+”<br>”);06writeln(“URL：” +document.URL+”<br>”);07}08</script>A.只输出最后一次修改的时间B.只输出文档的标题C.输出文档的标题、最后一次修改时间和当前的URLD.什么也不输出5.分析下面这个程序运行的结果（）<script language=”JavaScript”>01var str=”字符串”02with(document)03{04writeln(“<b>您好，</b>”);05write(“欢迎光临本网页！” +”<br>”);06writeln(“<p><b>在js标签之间，”);07writeln(str+”可以写在这里</b></p>”>;08}09</script>A.会有”<br>”这样的字符输出B.第6行输出字符后会换行C.最后页面会出错D.会有乱码出现三、编程题1、写一程序实现图片自动随机切换。
HTMLDOM对象的属性和⽅法介绍HTML DOM对象的属性和⽅法介绍DOM 是 Document Object Model（⽂档对象模型）的缩写。
DOM（⽂档对象模型）是针对HTML和XML⽂档的⼀个API（应⽤程序编程接⼝），它允许程序和脚本动态地访问和更新⽂档的内容，结构和样式。
W3C DOM 标准被分为 3 个不同的部分：核⼼ DOM - 针对任何结构化⽂档的标准模型XML DOM - 针对 XML ⽂档的标准模型HTML DOM - 针对 HTML ⽂档的标准模型HTML DOM 定义了所有 HTML 元素对象的属性，以及访问它们的⽅法，我们可以通过 Javascript 获取，修改，添加和删除 HTML 元素。
HTML DOM 对象有⼏种类型：1.Document 类型在浏览器中，Document 对象表⽰整个 HTML ⽂档。
1.1属性引⽤⽂档的⼦节点documentElementvar html = document.documentElement; //取得对<html>元素的引⽤bodyvar body = document.body; //取得对<body>元素的引⽤获取⽂档信息title通过 title 属性可以访问当前⽂档的标题，也可以修改当前⽂档的标题。
var originalTitle = document.title; //返回当前⽂档的标题document.title = "New title"; //修改当前⽂档的标题URL该属性返回当前页⾯完整的 URL，也就是浏览器地址栏中的全部地址信息。
⽐如我打开了⼀个页⾯，浏览器地址栏中的信息显⽰如下：/cqhaibin/p/6291640.html这些信息就是当前⽂档完整的 URL。
var url = document.URL;//返回当前⽂档完整的URLdomain该属性返回当前⽂档的服务器域名。
JavaScript中的DOM操作和事件处理DOM（文档对象模型）是JavaScript操作HTML文档的基础。
通过DOM，我们可以通过JavaScript来访问、修改和操作HTML元素、属性以及样式等。
同时，JavaScript还可以通过事件处理来响应用户的操作。
本文将详细介绍JavaScript中的DOM操作和事件处理的相关知识。
一、DOM操作1. 访问元素在JavaScript中，我们可以通过不同的方式来访问HTML元素。
常用的方法有getElementById、getElementsByClassName和getElementsByTagName。
例如，要访问id为"myElement"的元素，我们可以使用以下代码：```javascriptvar element = document.getElementById("myElement");```2. 修改元素内容一旦我们访问到了HTML元素，就可以通过修改其内容来实现动态效果。
可以使用innerHTML属性来改变元素的内容。
例如，要将一个段落的内容修改为"Hello, World!"，可以使用以下代码：```javascriptelement.innerHTML = "Hello, World!";```3. 修改元素样式在JavaScript中，可以通过style属性来修改元素的样式。
可以直接修改样式的属性，也可以通过设置className来改变元素的类。
例如，要将一个按钮的背景颜色修改为红色，可以使用以下代码：```javascriptelement.style.backgroundColor = "red";```4. 创建和添加元素除了修改现有元素，我们还可以通过JavaScript来创建元素并将其添加到HTML文档中。
可以使用createElement和appendChild方法来实现。
JAVASCRIPTDOM对象介绍JavaScript DOM（Document Object Model）是指文档对象模型，它是一种编程接口，它允许开发者以编程的方式操作HTML和XML文档。
DOM将文档表示为一个树形结构，每个节点代表文档中的一个元素、属性或文本。
在JavaScript中，DOM对象是一个接口，它提供了一组属性和方法，用于访问、操作和修改文档的内容、结构和样式。
通过使用DOM对象，开发者可以动态地更新网页内容、响应用户的交互、创建动态效果等。
DOM对象主要包括以下几种类型：1. Document对象：代表整个文档，是DOM树的根节点。
可以通过document对象访问文档的各个部分，如头部、主体、表单等。
2. Element对象：代表文档中的元素，如div、p、span等。
Element对象提供了一系列方法和属性，用于操作元素的内容、样式、属性等。
3. Node对象：代表DOM树中的节点，包括元素节点、文本节点、注释节点等。
所有的节点都继承自Node对象，提供了一些通用的属性和方法。
4. Event对象：代表事件，可以通过event对象获取触发事件的相关信息，如事件的类型、目标元素、鼠标位置等。
通过操作DOM对象，开发者可以实现以下功能：1. 修改元素的内容：可以通过innerHTML、innerText等属性修改元素的内容，也可以通过createElement、appendChild等方法创建新的元素并添加到文档中。
2. 修改元素的样式：可以通过style属性设置元素的样式，比如颜色、字体大小、背景色等。
3. 添加事件监听器：可以通过addEventListener方法为元素添加事件监听器，监听用户的交互行为，如点击、滚动、键盘输入等。
4. 操作表单数据：可以通过form对象和input对象访问用户输入的表单数据，对表单进行验证、提交等操作。
5. 动态创建动画效果：可以通过定时器、CSS动画、transform等属性和方法实现动态的效果，如轮播图、滚动效果等。
JAVASCRIPTDOCUMENT对象属性和方法JavaScript的Document对象是用于对HTML文档进行访问和操作的核心对象。
它提供了一系列属性和方法，用于获取、设置和操作文档的各个部分，包括元素、样式、事件等。
下面将介绍一些Document对象的常用属性和方法。
一、属性：1. document.documentElement：返回文档中的根元素，即<html>元素。
2. document.body：返回文档中的<body>元素。
3. document.head：返回文档中的<head>元素。
4. document.title：获取或设置文档的标题。
5. document.URL：获取当前文档的URL。
6. document.domain：获取或设置当前文档的域名。
7. document.forms：返回文档中所有的<form>元素，以HTMLCollection对象的形式返回。
8. document.links：返回文档中所有的<a>元素，以HTMLCollection对象的形式返回。
9. document.images：返回文档中所有的<img>元素，以HTMLCollection对象的形式返回。
10. document.scripts：返回文档中所有的<script>元素，以HTMLCollection对象的形式返回。
11. document.defaultView：返回当前文档关联的窗口对象。
12. document.styleSheets：返回文档中所有的样式表，以StyleSheetList对象的形式返回。
13. document.activeElement：返回当前文档中获得焦点的元素。
二、常用方法：1. document.getElementById(id)：根据元素id查找并返回第一个匹配的元素。
javascriptdocument 方法JavaScript Document 对象及其方法JavaScript Document 对象是HTML DOM 的一部分，表示当前加载的网页文档。
它提供了一组用于操作和访问网页中各个元素的方法和属性。
本文将介绍一些常用的Document 方法，并逐步回答问题。
一、document.getElementById()document.getElementById() 方法通过指定的元素id 返回对该元素的引用。
该方法在DOM 中被广泛使用，用于获取页面中的特定元素并对其进行操纵。
获取id 为"myElement" 的元素const element = document.getElementById("myElement");问题1：如何使用document.getElementById() 方法获取页面上特定元素？要使用document.getElementById() 方法，首先需要在获取的元素上添加一个唯一的id 属性，然后将该id 作为参数传递给该方法。
方法返回一个对该元素的引用，可以通过该引用进行各种操作。
例如，假设页面上有一个按钮元素：<button id="myButton">Click Me</button>可以使用document.getElementById() 方法获取该按钮元素的引用：const button = document.getElementById("myButton");二、document.getElementsByTagName()document.getElementsByTagName() 方法返回指定标签名的元素集合。
该方法可用于获取页面中具有相同标签的一组元素。
获取所有的<p> 元素问题2：如何使用document.getElementsByTagName() 方法获取所有p 元素？要使用document.getElementsByTagName() 方法获取所有p 元素，只需将"p" 作为参数传递给该方法即可。
HTML静态⽹页--JavaScript-DOW操作1、DOM的基本概念DOM是⽂档对象模型，这种模型为树模型；⽂档是指标签⽂档；对象是指⽂档中每个元素；模型是指抽象化的东西。
2、Windows对象操作⼀、属性和⽅法：属性（值或者⼦对象）：opener:打开当前窗⼝的源窗⼝，如果当前窗⼝是⾸次启动浏览器打开的，则opener是null。
dialogArgument：对话框返回值。
⼦对象：history,location,document,status,menubar,toolbar等。
⽅法（函数）：事件（事先设置好的程序，被触发）。
⼆、Window.open（"第⼀部分"，"第⼆部分"，"第三部分"，"第四部分"）Window.open的特征参数：第⼀部分：写页⾯地址。
第⼆部分：_blank 打开的⽅式，在新窗⼝还是⾃⾝的窗⼝。
第三部分：控制打开的窗⼝格式，可以写多个，⽤空格隔开如下：toolbar=no新打开的窗⼝⽆⼯具条；menubar=no⽆菜单栏 status=no⽆状态栏；width=100 height=100 宽度⾼度；left=100 打开的窗⼝距离左边多少距离；resizable=no窗⼝⼤⼩不可调；scrollbars=yes 出现滚动条；location=yes 有地址栏；Window.open也有返回值，它的返回值是：新打开的窗⼝对象。
例如：最简单的打开窗⼝：window.open("Untitled-6.html");打开⼀个窗⼝并保存在变量中：var w= window.open()；可以将打开的多个窗⼝保存在数组w⾥：function openW(){w[i++]=window.open();}三、window.close()：关闭当前窗⼝；w.close()：关闭保存在变量w中的那个窗⼝；关闭多个⼦窗⼝：先将打开的窗⼝存⼊数组内，利⽤循环将其挨个关闭；关闭打开当前窗⼝的源窗⼝： window.opener.close()；四、间隔与延迟间隔执⾏⼀段代码（函数）：window.setInterval("要执⾏的代码"，间隔的毫秒数)清除间隔执⾏：window.clearInterval(间隔的id); 循环⼀次之后⽤来清除隔执⾏的代码延迟⼀段时间执⾏某⼀段代码（函数）：window.setTimeout("要执⾏的代码"，延迟的毫秒数)清除延迟：window.clearTimeout(延迟的id)；清除setTimeout五、调整页⾯window.navigate("url") 跳转⾄⽬标页⾯，在⾕歌浏览器下有bug；window.moveTo(x,y) 移动页⾯⾄某⼀位置，位置由x和y决定；window.resizeTo(宽，⾼) 调整页⾯的宽度和⾼度；window.scrollTo（x,y）滚动页⾯⾄哪⾥，y代表纵向滚动。
javascript获取HTMLDOM对象八种方式获取DOM对象有7种方式：1.document.getElementById('id');//返回结果是一个对象，如果存在两个标签拥有相同id，则返回第一个标签对象。
2.document.getElementsByTagName('标签名')；//返回结果是一个对象集合，以数组形式放在一起3.document.getElementsByName('标签name属性的值')；//返回结果是一个对象集合，以数组形式放在一起4.document.getElementsByClassName('类名');返回一个对象集合，以数组形式放在一起。
5.通过this参数给函数传递受监控对象给函数。
6.document.querySelectorAll(".cell");//类选择器7.document.querySelectorAll("td");//标签选择器8.document.querySelectorAll("#btn1");//地址选择器1.document.getElementById();<!DOCTYPE html><html><head><style>#myBtn{height: 100px;width: 100px;background:#eeeeee;bo rder: 1px,solid black;}</style></head><body><div id="myBtn" onclick="get()" name="a">aaaaaaaaaa</d iv><div id="myBtn" onclick="get()" name="a">bbbbbbbbb</<div id="myBtn" onclick="get()" name="a">cccccccc</div> <div id="myBtn" onclick="get()" name="a">ddddddddddd </div><script>function get(){//document.getElementById('myBtn') 通过id号获取对象var x=document.getElementById('myBtn');//返回一个对象，多个相同id，选择第一个alert(x.innerHTML);}</script></body></html>2.document.getElementsTagName('标签名')；<!DOCTYPE html><html><head><style>#myBtn{height: 100px;width: 100px;background:#eeeeee;bo rder: 1px,solid black;}</style></head><body><div id="myBtn" onclick="get()" name="a">aaaaaaaaaa</d<div id="myBtn" onclick="get()" name="a">bbbbbbbbb</ div><div id="myBtn" onclick="get()" name="a">cccccccc</div> <div id="myBtn" onclick="get()" name="a">ddddddddddd </div><script>function get(){//document.getElementsByTagName('myBtn') 通过标签名获取var x=document.getElementsByTagName('div');//返回一个对象集合，以数组形式放在一起alert(x[0].innerHTML);alert(x[1].innerHTML);alert(x[2].innerHTML);alert(x[3].innerHTML);}</script></body></html>3.document。
js document用法JavaScript中的document对象是浏览器提供的一个内置对象，它表示当前文档（也就是HTML文档）的根节点。
通过document对象，我们可以访问和操作HTML文档的各个部分，包括元素、属性、样式、事件等。
1. 获取元素使用document对象的getElementById方法可以根据元素的id属性获取到指定的元素节点。
例如，要获取id为"myElement"的元素节点，可以使用以下代码：```var element = document.getElementById("myElement");```除了getElementById方法，document对象还提供了其他获取元素的方法，比如querySelector、querySelectorAll等，可以根据选择器来获取元素。
2. 操作元素获取到元素后，我们可以使用document对象提供的方法和属性来操作该元素。
例如，要设置元素的内容，可以使用innerHTML属性：```element.innerHTML = "Hello, world!";```要获取或设置元素的样式，可以使用style属性：```element.style.color = "red";```要添加或移除元素的类名，可以使用classList属性：```element.classList.add("myClass");element.classList.remove("myClass");```除了以上常用的操作方法和属性外，document对象还提供了其他许多方法和属性，比如getAttribute、setAttribute、appendChild、removeChild等，可以根据需要进行使用。
3. 创建元素除了操作现有的元素外，我们还可以使用document对象来创建新的元素。
