1、 设计一个页面,显示当前文档的标题、URL、背景色、最后修改日期、包含的超链接个数以及图像的个数;使用 all 属性访问当前 HTML 文档中的所有标记。
时间: 2023-07-10 09:38:34 浏览: 48
可以使用以下代码来实现该页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>Document Information</title>
<script>
window.onload = function() {
// 获取页面标题
var title = document.title;
document.getElementById("title").innerHTML = "标题:" + title;
// 获取页面 URL
var url = document.URL;
document.getElementById("url").innerHTML = "URL:" + url;
// 获取页面背景色
var bgColor = window.getComputedStyle(document.body).getPropertyValue("background-color");
document.getElementById("bgColor").innerHTML = "背景色:" + bgColor;
// 获取页面最后修改日期
var lastModified = document.lastModified;
document.getElementById("lastModified").innerHTML = "最后修改日期:" + lastModified;
// 获取页面中超链接的数量
var links = document.querySelectorAll("a");
document.getElementById("numLinks").innerHTML = "超链接个数:" + links.length;
// 获取页面中图像的数量
var images = document.querySelectorAll("img");
document.getElementById("numImages").innerHTML = "图像个数:" + images.length;
}
</script>
</head>
<body all>
<h1 id="title"></h1>
<p id="url"></p>
<p id="bgColor"></p>
<p id="lastModified"></p>
<p id="numLinks"></p>
<p id="numImages"></p>
<!-- 这里是页面的其他内容 -->
</body>
</html>
```
在上面的代码中,我们首先通过 JavaScript 脚本获取了页面的标题、URL、背景色、最后修改日期、包含的超链接个数以及图像的个数。然后,将这些信息分别插入到 HTML 页面的对应元素中,以便在页面中显示出来。我们还使用了 `all` 属性来访问当前 HTML 文档中的所有标记,以便获取页面中的超链接和图像元素。