获取指定网页基础信息【TDK】JS脚本代码

在网页开发和优化过程中，获取网页的基础信息（如标题、描述、关键词等，通常简称为TDK）是至关重要的。这些信息不仅对于搜索引擎优化（SEO）有着重要影响，还能帮助开发者更好地理解网页的内容和结构。为了实现这一目标，我们可以编写一个简洁的JavaScript脚本，来提取指定网页的TDK信息。

以下是一个示例JS脚本代码，它能够快速获取网页的标题（Title）、描述（Description）和关键词（Keywords）：

// 获取网页标题
var title = document.title;

// 获取网页描述（通常位于meta标签中）
var description = '';
var metaTags = document.getElementsByTagName('meta');
for (var i = 0; i < metaTags.length; i++) {
    if (metaTags[i].getAttribute('name') === 'description') {
        description = metaTags[i].getAttribute('content');
        break;
    }
}

// 获取网页关键词（同样位于meta标签中）
var keywords = '';
for (var i = 0; i < metaTags.length; i++) {
    if (metaTags[i].getAttribute('name') === 'keywords') {
        keywords = metaTags[i].getAttribute('content');
        break;
    }
}

// 输出TDK信息
console.log('Title: ' + title);
console.log('Description: ' + description);
console.log('Keywords: ' + keywords);

这个脚本首先通过document.title获取网页的标题，然后遍历所有的meta标签，根据name属性找到描述（description）和关键词（keywords）的内容。最后，它将这些信息输出到控制台。

使用这个脚本，开发者可以轻松地获取任何网页的TDK信息，为后续的网页优化和开发工作提供有力支持。这也是一个学习和理解JavaScript与DOM操作的好例子。