如何在页面顶部显示传入的页面内html链接？

要在页面顶部显示传入的页面内HTML链接，可以通过以下步骤实现：

在页面的顶部位置，添加一个HTML元素，例如一个<div>容器，用于显示链接。
使用JavaScript获取传入的页面内HTML链接的数据。这可以通过多种方式实现，例如通过URL参数、后端接口返回的数据、或者直接在页面中定义一个JavaScript变量来存储链接数据。
使用JavaScript动态生成HTML链接元素，并将其添加到顶部的容器中。可以使用document.createElement()创建<a>元素，设置其href属性为链接地址，设置其innerHTML属性为链接文本，然后使用appendChild()将链接元素添加到顶部容器中。
根据需要，可以为链接元素添加样式，例如设置字体、颜色、背景等，以使其在页面顶部显示时具有良好的可读性和美观性。

以下是一个示例代码，演示如何在页面顶部显示传入的页面内HTML链接：

<!DOCTYPE html>
<html>
<head>
  <title>显示页面内HTML链接</title>
  <style>
    #topLinks {
      background-color: #f5f5f5;
      padding: 10px;
    }
    #topLinks a {
      margin-right: 10px;
      color: #333;
      text-decoration: none;
    }
  </style>
</head>
<body>
  <div id="topLinks"></div>

  <script>
    // 假设传入的页面内HTML链接数据为一个数组
    var links = [
      { href: 'https://www.example.com/page1', text: '链接1' },
      { href: 'https://www.example.com/page2', text: '链接2' },
      { href: 'https://www.example.com/page3', text: '链接3' }
    ];

    // 获取顶部容器元素
    var topLinksContainer = document.getElementById('topLinks');

    // 动态生成链接元素并添加到顶部容器中
    links.forEach(function(link) {
      var linkElement = document.createElement('a');
      linkElement.href = link.href;
      linkElement.innerHTML = link.text;
      topLinksContainer.appendChild(linkElement);
    });
  </script>
</body>
</html>

在上述示例中，我们使用了一个<div>元素作为顶部容器，并使用CSS样式设置了容器的背景颜色和内边距。然后，通过JavaScript动态生成了三个链接元素，并将其添加到顶部容器中。最后，通过CSS样式设置了链接元素的样式，包括颜色和间距。

请注意，上述示例中的链接数据是硬编码在JavaScript代码中的，实际应用中可能需要根据具体情况从后端获取链接数据。此外，示例中的样式仅供参考，您可以根据实际需求进行调整和美化。