当页面加载时，如何调用API并在div中打印该值？

在页面加载时调用API并在div中打印该值，可以通过以下步骤实现：

首先，需要在页面中引入相关的JavaScript库，例如jQuery或者axios，以便能够发送HTTP请求。
在页面加载完成时，可以使用JavaScript的事件监听器DOMContentLoaded或者jQuery的$(document).ready()函数来触发相应的代码。
在事件监听器或者ready函数中，使用适当的方法发送HTTP请求到API的URL，并指定请求的方法（GET、POST等）和其他必要的参数。
当API请求成功返回时，可以通过回调函数或者Promise的then方法获取到API返回的数据。
将获取到的数据插入到目标div中，可以通过JavaScript的DOM操作或者jQuery的相关方法来实现。

下面是一个示例代码，使用axios库发送GET请求并将API返回的数据插入到id为"result"的div中：

// 引入axios库
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

// 页面加载完成时触发的代码
document.addEventListener("DOMContentLoaded", function() {
  // 发送GET请求到API的URL
  axios.get("https://api.example.com/data")
    .then(function(response) {
      // 获取API返回的数据
      var data = response.data;
      
      // 将数据插入到目标div中
      document.getElementById("result").innerHTML = data;
    })
    .catch(function(error) {
      console.log(error);
    });
});

请注意，上述示例中的API URL和相关代码仅为示意，实际应用中需要根据具体情况进行修改。

推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），它是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的配置和管理。您可以使用云函数来调用API并在div中打印值。了解更多信息，请访问腾讯云云函数产品介绍页面：腾讯云云函数。