都要用JQ了，直接通过脚本引用呀，干嘛要通过document.write来引入

您好！根据您的描述，您想在一个JavaScript中嵌入其他的JavaScript代码来实现特定的功能。由于您所说的系统只允许提交一个JavaScript文件，这确实限制了您的操作空间。

不过，您可以尝试以下方法来解决问题：

1. 将需要嵌入的JavaScript代码直接写在您的JavaScript文件中，而不是通过document.write引入外部脚本。这样可以避免阻塞问题，并确保脚本能够正常执行。例如，您可以将所需的jQuery代码直接放在您的JavaScript文件中，而不是通过document.write引入。

2. 如果您需要引入外部脚本，但遇到了阻塞问题，您可以使用异步加载的方式来引入脚本。在您的JavaScript文件中，使用createElement和appendChild方法来创建并添加<script>标签。这样可以确保脚本的加载不会阻塞页面的渲染。以下是一个示例代码：

   var script = document.createElement('script');
   script.src = 'http://code.jquery.com/jquery-1.11.3.min.js';
   script.type = 'text/javascript';
   script.async = true;
   document.getElementsByTagName('head')[0].appendChild(script);
   

   通过这种方式，您可以异步加载jQuery库，并确保它不会阻塞其他操作。

请根据您的需要选择适合的方法，希望能对您有所帮助！如果您有任何其他问题，请随时提问。

问题在于通过document.write引入不会阻塞后面的代码，导致引用的js还没加载好，就执行了依赖这个js的代码。
这里通过加载完成的回调来执行。

      function loadScript(url, callback) {
        var script = document.createElement("script");
        script.src = url;

        script.onload = function () {
          callback(); // 加载完成后执行回调函数
        };

        document.head.appendChild(script);
      }
      loadScript(
        "http://code.jquery.com/jquery-1.11.3.min.js",
        () => {
          // console.log($("#app"));
          // your code
        }
      );