在打印样式表中插入页面标题

Question

我需要获取我的网站上的页面标题，然后将其插入页面的打印版本中。我当然有一个单独的print.css文件，但是有没有办法使用jQuery获取标题数据，例如作为变量，然后使用CSS插入它，例如div:before {content：“变量名称在这里”}？或者有更好的方法吗？

- web_dvlp_sd

---

为什么不将页面标题放在页面元素中，并使用 CSS 控制其可见性？ - jli

Answer 1

我建议在你的主页面上添加一个隐藏元素，并在打印CSS中使用display:block;。

- MetalFrog

Answer 2

好的！

// this would be an example of how to grab the title
<script language="JavaScript">
alert(document.title);
</script>

我的方法会稍微有所不同。

<h1 class="web-hide">the page title goes here</h1>

然后你会有一个 .web-hide，它将根据页面的打印/非打印版本而可见/不可见。

- Frankie

---

但是我该如何填充div的标题呢？那段代码片段只是弹出一个带有标题的警告框。 - web_dvlp_sd

我假设您也是通过PHP或类似的方式控制页面。DIV将在页面创建时填充。这是两种不同的解决方案。我会通过PHP/ASP内部填充DIV，您也可以使用jQuery来填充它，例如：$('#divId').html(document.title)。 - Frankie

虽然没有完全起作用，但是指导了我正确的方向。最终在JavaScript中执行了以下操作：$("#wrap").before("<div id=ttl>"+document.title+"</div>"); $("#ttl").css("display","none");，然后按照第一个评论的建议将其显示为块级元素。 - web_dvlp_sd