HTML5 扩展了 HTMLDocument 类型

作者：System 时间：2024年08月17日分类：所有,html5 字数：1177

HTML5 对 HTMLDocument 类型进行了扩展，增加了一些新的属性和方法，以下是一些常见的 HTML5 特有的属性和方法：

readyState：返回文档的加载状态。
currentScript：返回当前正在运行的 script 元素。
activeElement：返回当前文档中聚焦的元素。
compatMode：返回当前文档的模式。
designMode：设置或返回文档的设计模式。
implementation：返回一个 DOMImplementation 对象，表示文档对象模型的功能。
URL：返回文档的URL。
domain：设置或返回文档的域。
referrer：返回加载当前文档的文档的 URL。
title：设置或返回当前文档的标题。

以下是一个简单的 HTML5 文档示例，展示了如何使用这些新属性：




<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Document Properties Example</title>
</head>
<body>
    <script>
        // 使用 readyState 属性
        console.log('文档加载状态:', document.readyState);
 
        // 使用 URL 属性
        console.log('文档的 URL:', document.URL);
 
        // 使用 domain 属性
        console.log('文档的域:', document.domain);
 
        // 使用 referrer 属性
        console.log('引用文档的 URL:', document.referrer);
 
        // 使用 title 属性
        console.log('文档的标题:', document.title);
 
        // 设置 title 属性
        document.title = '新标题';
 
        // 使用 designMode 属性
        document.designMode = 'on'; // 开启设计模式
    </script>
</body>
</html>

在这个例子中，我们简单地读取并修改了几个文档属性。在实际开发中，你可以根据需要使用这些属性来编写更加动态和交互的网页应用程序。

HTML5 扩展了 HTMLDocument 类型

评论已关闭

推荐阅读