如何在页面加载时获得firebase的输出到html的模板？

在页面加载时获得Firebase的输出到HTML的模板，可以通过以下步骤实现：

首先，确保已经在页面中引入Firebase的JavaScript库。可以通过在HTML文件的<head>标签中添加以下代码来引入Firebase库：

<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-database.js"></script>

请注意，这里使用的是Firebase版本9.0.2的库，你可以根据需要选择合适的版本。

接下来，初始化Firebase应用。在JavaScript文件中，使用你的Firebase项目的配置信息初始化Firebase应用。配置信息可以在Firebase控制台中找到。示例代码如下：

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

请将上述代码中的YOUR_API_KEY、YOUR_AUTH_DOMAIN等字段替换为你的Firebase项目的实际配置信息。

确保Firebase数据库中有要输出到HTML模板的数据。在Firebase数据库中创建一个节点，并添加要输出的数据。例如，创建一个名为templateData的节点，并添加一个名为message的属性，示例代码如下：

firebase.database().ref('templateData').set({
  message: 'Hello, Firebase!'
});

在HTML文件中添加一个用于显示Firebase输出的元素。例如，可以在<body>标签中添加一个具有特定ID的<div>元素，示例代码如下：

<div id="output"></div>

最后，在JavaScript文件中获取Firebase输出并将其填充到HTML模板中。使用Firebase的on方法监听Firebase数据库中的数据变化，并在数据变化时更新HTML模板。示例代码如下：

const outputElement = document.getElementById('output');

firebase.database().ref('templateData/message').on('value', (snapshot) => {
  const message = snapshot.val();
  outputElement.innerHTML = message;
});

以上代码将监听Firebase数据库中templateData/message节点的值变化，并将新值填充到具有ID为output的<div>元素中。

这样，在页面加载时，Firebase的输出将被获取并显示在HTML模板中。

对于以上步骤中提到的Firebase相关产品和产品介绍链接地址，可以参考腾讯云的云开发产品，如云开发（CloudBase）等。请注意，这里只是提供了一个示例，你可以根据实际需求和使用的云计算平台进行相应的调整和配置。