，可以通过以下几种方式实现：

1. 使用defer属性：在HTML中引入的script标签中添加defer属性，如下所示：

<script src="your-script.js" defer></script>

defer属性告诉浏览器延迟执行脚本，直到文档解析完成后再执行。这样可以确保脚本在页面加载完毕后再执行，避免阻塞页面渲染。

1. 使用async属性：在HTML中引入的script标签中添加async属性，如下所示：

<script src="your-script.js" async></script>

async属性告诉浏览器异步加载脚本，不会阻塞页面的加载和渲染。脚本加载完成后会立即执行，不会按照它们在页面中的顺序执行。

1. 动态加载脚本：使用JavaScript动态创建script标签，并将其插入到页面中，如下所示：

var script = document.createElement('script');
script.src = 'your-script.js';
document.head.appendChild(script);

通过动态加载脚本，可以控制脚本的加载时机，可以在页面加载完成后再加载脚本。

需要注意的是，以上方法只是控制脚本的加载时机，并不能完全停止加载js函数。如果需要在页面加载时完全停止加载js函数，可以通过在脚本中添加条件判断来实现，例如：

if (document.readyState === 'complete') {
  // 执行js函数
}

以上代码会在页面加载完成后执行js函数，如果页面还未加载完成，则不执行js函数。

总结起来，通过使用defer属性、async属性或动态加载脚本的方式，可以控制脚本的加载时机，从而在初始页面加载时停止加载js函数。