Javascript 合流-使用“/spaces/flyingpdf/pdfpageexport.action？pageId="；一个按钮

我正在尝试实现一个按钮或图像，其工作原理与默认的导出为PDF选项相同。该按钮将依次包含在div元素中。我发现Confluence用来生成PDF的代码是/spaces/flyingpdf/pdfpageexport.action？pageId=#####，其中##表示页码

我当前的代码如下所示：

<style>
div.fixed {
  position: fixed !important;
  top: 45px !important;
  right: 0px !important;
  width: 300px;
  text-align:right;
 }
</style>

<div class="fixed">
<input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" />
<input type="button" onclick="/spaces/flyingpdf/pdfpageexport.action?pageId=#######;" value="Make PDF" />
 </div>

分区固定{
位置：固定！重要；
顶部：45px！重要；
右：0px！重要；
宽度：300px；
文本对齐：右对齐；
}

该代码仅适用于第一个按钮。第二个按钮确实显示，但即使pageId是硬编码的，也不起作用。我知道有一个$content.getIdAsString（）代码可以获取pageId，但到目前为止，我也没有任何运气

以下是我试图实现的目标：

• 在按钮上实现Export to PDF选项，并遵守所有底层PDF样式表自定义。我已经设法解决了这个问题。见下面的评论
• 如果可能，将按钮替换为图像，例如，使用PDF图标代替“制作PDF”按钮。简而言之，更直观。决心
• 如代码所示，使按钮/图像成为div元素的一部分。决心

---

期待您的精彩建议

修改代码如下，以解决原始问题中概述的所有问题：

<style>
div.fixed {
  position: fixed !important;
  top: 45px !important;
  right: 0px !important;
  width: 300px;
  text-align:right;
 }
</style>

<div class="fixed">
<input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" />
<input type="image" src="image location" onclick="location.href='/spaces/flyingpdf/pdfpageexport.action?pageId=171706153';">
</div>

分区固定{
位置：固定！重要；
顶部：45px！重要；
右：0px！重要；
宽度：300px；
文本对齐：右对齐；
}

我刚刚解决了部分问题：硬编码页码，并将第二个按钮的代码修改如下：onclick=“location.href=”/spaces/flyingpdf/pdfpageexport.action？pageId=171706153”。这允许将导出到PDF操作链接到按钮。我期待收到您对原始问题中其他问题的建议。