Html CSS内容中的页面标题

我想在每个打印页面的页脚中都包含页面标题，但我不知道该怎么做。基本上，我希望必须这样做：

@page {
  @bottom-right {
    content: attr(title);
  }
}

<div id="myTitle"></div>


<script type="text/javascript">
  document.getElementById("myTltle").innerHTML="The Page Title is:  "+document.title;
</script>

但这当然行不通。在AICS中，我需要在

@page

上设置一个属性，我可以使用

attr

来引用该属性，或者我需要使用一些其他方法来引用特定内容（即我的页面中的

title

）。我在多个标题不同的页面上使用相同的CSS，所以我不能只硬编码。

由于attr（）函数只对选定元素起作用，因此无法获取页脚中要使用的页面标题

---

如果动态创建页面，则将标题直接放在页脚中，否则使用javascript

@page {
  @bottom-right {
    content: attr(title);
  }
}

<div id="myTitle"></div>


<script type="text/javascript">
  document.getElementById("myTltle").innerHTML="The Page Title is:  "+document.title;
</script>

document.getElementById（“myTltle”）.innerHTML=“页面标题为：”+document.Title；

@JensW，回答这个问题。标题是硬编码的还是通过如下变量给出的：

$varTitle

？@misterManSam它是从服务器端的变量填充的（使用django模板）。哦，你想要每一页。去做吧。将变量放在页脚中，用

display:none

隐藏它，并用

display:block

在打印样式表中显示它。可能不太适合浏览器支持。谢谢。我意识到

attr

不起作用，但我该如何将其放在页脚中呢？我怀疑我在这里遗漏了一些非常基本的东西，但我不知道是什么…据我所知，你不能用css进行这种DOM操作。您的项目中是否包含javascript库。不，出于各种原因，我没有在这个项目中使用任何JS。我的退路是直接在页面上的

中编写css，但它有点混乱，所以我不希望有其他方法阅读misterManSam的评论，你需要的东西都有。但是，似乎没有一个100%的解决方案可以在每一页上打印页脚。