在父 jQuery 之前追加 - JavaScript

在 Web 开发中，经常需要在 HTML 文档中动态添加 JavaScript 或 CSS 标记。使用 document.write 方法可以实现这一目的，但是该方法只能在 HTML 文档进行解析时使用，故无法动态添加标记。对此，我们可以使用以下方法实现动态添加标记。

1. createElement 和 appendChild 方法

可以通过创建相应的 JavaScript 或 CSS 标记元素，再将其添加到 head 标记内，来实现动态添加标记的目的。

const script = document.createElement("script");
script.src = "path/to/script.js";
document.head.appendChild(script);

上述代码创建了一个 script 元素，其 src 属性为指定的路径，再将其添加到了 head 标记内。

const link = document.createElement("link");
link.rel = "stylesheet";
link.href = "path/to/styles.css";
document.head.appendChild(link);

上述代码同样创建了一个 link 元素，其 rel 属性为 stylesheet，href 属性为指定的路径，再将其添加到了 head 标记内。

2. insertBefore 和 getElementsByTagName 方法

与 createElement 和 appendChild 方法类似，可以使用 insertBefore 和 getElementsByTagName 方法实现动态添加标记的目的。

const script = document.createElement("script");
script.src = "path/to/script.js";
const firstScript = document.getElementsByTagName("script")[0];
document.head.insertBefore(script, firstScript);

上述代码创建了一个 script 元素，其 src 属性为指定的路径，再将其插入到 head 标记内。需要注意的是，这里利用 getElementsByTagName 方法获取到了 head 标记下的第一个 script 元素，用作插入位置。

const link = document.createElement("link");
link.rel = "stylesheet";
link.href = "path/to/styles.css";
const firstLink = document.getElementsByTagName("link")[0];
document.head.insertBefore(link, firstLink);

上述代码同样创建了一个 link 元素，其 rel 属性为 stylesheet，href 属性为指定的路径，再将其添加到了 head 标记内。这里同样利用 getElementsByTagName 方法获取到了 head 标记下的第一个 link 元素，用作插入位置。

以上两种方法均可实现在父 jQuery 之前追加相关标记的目的。

总结

通过以上两种方法，可以实现在 HTML 文档中动态添加 JavaScript 或 CSS 标记的功能。需要注意的是，插入位置一定要选择合适，否则可能会导致相应元素无法正常加载或相互冲突。