首先加载脚本文件，在加载之前在div上执行

在加载脚本文件之前，在div上执行的操作可以是在div元素上绑定一个事件，例如使用JavaScript的addEventListener方法来监听div的事件。具体步骤如下：

1. 获取div元素：可以通过getElementById方法获取指定id的div元素，或者通过querySelector方法使用CSS选择器获取div元素。
2. 绑定事件：使用addEventListener方法为div元素绑定事件，该方法接受两个参数，第一个参数是事件类型，第二个参数是事件处理函数。
3. 编写事件处理函数：事件处理函数是一个JavaScript函数，用于定义在div上执行的操作。可以在函数中编写任何前端开发的代码，例如修改div的样式、添加内容、发送网络请求等。

示例代码如下：

// 获取div元素
var divElement = document.getElementById("myDiv");

// 绑定事件
divElement.addEventListener("click", function() {
  // 在div上执行的操作，例如修改样式
  divElement.style.backgroundColor = "red";
});

在上述示例中，当点击div元素时，会触发绑定的click事件处理函数，该函数会将div的背景颜色修改为红色。

对于加载脚本文件，可以使用JavaScript的createElement方法创建一个script元素，并设置其src属性为脚本文件的URL，然后将该script元素添加到页面的head或body中，从而实现脚本文件的加载和执行。

示例代码如下：

// 创建script元素
var scriptElement = document.createElement("script");
scriptElement.src = "path/to/script.js";

// 将script元素添加到head或body中
document.head.appendChild(scriptElement);

在上述示例中，创建了一个script元素，并将其src属性设置为脚本文件的URL，然后将该script元素添加到页面的head中。这样就可以加载并执行指定的脚本文件。

需要注意的是，以上示例中的代码仅为演示目的，实际应用中可能需要根据具体需求进行适当的修改和扩展。