如何在加载新模板时调用javascript函数？

在加载新模板时调用JavaScript函数可以通过以下几种方式实现：

1. 内联脚本：在模板中直接嵌入JavaScript代码，当模板加载时，JavaScript代码会被执行。例如：

<script>
    function myFunction() {
        // 执行一些操作
    }
</script>

在模板中调用该函数：

<button onclick="myFunction()">点击按钮</button>

这种方式适用于简单的页面，但不推荐在大型项目中使用，因为会导致代码混乱和难以维护。

1. 外部脚本：将JavaScript代码保存在外部文件中，然后在模板中通过<script>标签引入外部脚本文件。例如：

<script src="script.js"></script>

在script.js文件中定义函数：

function myFunction() {
    // 执行一些操作
}

在模板中调用该函数：

<button onclick="myFunction()">点击按钮</button>

这种方式可以使代码更加模块化和可维护，适用于大型项目。

1. 事件监听：使用JavaScript代码在模板加载完成后，通过事件监听的方式绑定函数到相应的元素上。例如：

<button id="myButton">点击按钮</button>

在JavaScript代码中监听按钮点击事件并执行函数：

document.getElementById("myButton").addEventListener("click", myFunction);
function myFunction() {
    // 执行一些操作
}

这种方式可以使代码更加灵活，可以在任何时候绑定和解绑函数。

以上是几种常见的在加载新模板时调用JavaScript函数的方法，具体使用哪种方式取决于项目的需求和架构。腾讯云提供了云函数 SCF（Serverless Cloud Function）服务，可以用于部署和运行 JavaScript 函数，实现更灵活的后端逻辑处理。详情请参考腾讯云云函数 SCF 的产品介绍：https://cloud.tencent.com/product/scf。