JS 、JQ设置网站基本信息（标题、关键字、描述）

最新推荐文章于 2023-05-01 09:05:25 发布

豆皮没有豆

最新推荐文章于 2023-05-01 09:05:25 发布

阅读量385

点赞数

分类专栏： JavaScript 文章标签： javascript jquery html

本文链接：https://blog.csdn.net/qq_43434300/article/details/119907838

版权

JavaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

JS代码

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理中心</title>
    <meta name="keywords" content="关键词">
    <meta name="description" content="描述">
</head>
 
<body>
    <script>
    
        function UpdateBasic(Title, Keywords, Description) {
            let _headDom = '',_title = '',_meta = ''; 
 
            _headDom = document.getElementsByTagName('head')[0]; //获取head节点
            _title = _headDom.getElementsByTagName("title")[0];  //获取head节点下的title节点
            _meta = _headDom.getElementsByTagName("meta"); //获取head节点下的meta节点，它一般是一个数组
 
            _title.innerText =Title ;
            for (let index = 0; index < _meta.length; index++) { 
                switch (_meta[index].name) {
                    case 'keywords':
                        _meta[index].content = Keywords;
                        break;
                    case 'description':
                        _meta[index].content = Description;
                        break;
                    default:
                        break;
                }
            } 
        }
        UpdateBasic('豆皮没有豆', '博客，CSDN，豆皮没有豆，qq_43434300', '欢迎光临豆皮没有豆的博客！');
    </script>
</body>

</html>

JQ代码

$("title").text("豆皮没有豆");
$('meta[name="keywords"]')[0].content="博客，CSDN，豆皮没有豆，qq_43434300";
$('meta[name="description"]')[0].content="欢迎光临豆皮没有豆的博客！";