使用javascript设置meta动态页面

set meta tage dynamic page with javascript

本文关键字：动态 meta javascript 设置 使用      更新时间：2023-09-26

我想在代码的每一页更改标题，但当我查看源代码时，我仍然看到旧标题。下面是我的代码:

window.onload = function (){
      setProductMeta();
 }
function setProductMeta(){
    var des = document.getElementById("description").setAttribute("content","dynamic meta description");
    document.getElementById("keywords").setAttribute("content","dynamic meta keywords");
    document.title = "Point of Sale System";
}

和上面的元数据

<title>Welcome to Atmostphere Technology</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta id="title" name="title" content="Welcome to Atmostphere Technology" />
<meta id="description" name="description" content="atmos is best service in cambodia" />
<meta id="keywords" name="keywords" content="atmos is best service in cambodia" />

服务器将源代码交付给浏览器。

浏览器将标记转换为DOM。

然后运行 JavaScript，并执行您执行的任何DOM操作。它从不触及源代码。

虽然有时用JavaScript改变标题是有用的(例如Facebook这样做是为了表明自页面最后一次交互以来的警报数量)，但几乎所有消耗元数据的东西都不执行JavaScript。如果您想要更改页面的一些基本内容，请在源代码中进行更改，而不是使用客户端编程。

相关文章：