Simple JS code for adding links to all headers on a Confluence page

ConfluenceHeaderFragmentLinks.js

AJS.$("[id]").filter(":header").each(function(){
  try {
    $(this).prepend("<a href='#" + $(this).attr("id") + "'>#</a>");
  catch(e) { console.log(e) }
});

ConfluenceHeaderLinksBookmarklet.js

javascript:AJS.$("[id]").filter(":header").each(function(){$(this).prepend("<a href='#"+$(this).attr("id")+"'>#</a>")})

HTML Snippet Body.html

<script type="text/javascript">
//prepend each header with a link to the header that can be used for ease of deep linking
AJS.$(document).ready(function(){
  AJS.$("[id]").filter(":header").each(function(){
    try {
      $(this).prepend("<a href='#" + $(this).attr("id") + "'>#</a>");
    } catch(e) { console.log(e) }
  });
});
</script>