Javascript 如何在bookmarklet中包含来自另一个文件的HTML位？

我有一个用jQuery编写的bookmarklet，我在其中创建元素并将它们添加到DOM中

$dot = $('<span class="dot" style="left:0;top:0;" />');
$('body').append($dot);

$dot=$（''）；
$（'body'）。追加（$dot）；

有没有一种方法可以不直接在.js文件中写入HTML而包含HTML？上面的跨度非常简单，但是如何创建一个复杂的表单而不让它成为维护的噩梦呢

编辑

---

为了澄清这一点，我知道如何通过bookmarklet加载脚本，但我想知道是否有任何简单的方法可以引用.js文件中复杂的HTML片段，这样我就不会在一个文件中维护长而复杂的嵌入HTML字符串。

使用ajax请求从服务器加载一些HTML数据，但一定要在书签中添加一个缓存参数，让脚本包括在内

document.createElement（“脚本”），添加源代码，并将其附加到当前页面的某个位置（头部、身体，由您决定）

编辑：我可能还不够清楚，但是您需要从您的域加载脚本文件，然后运行任何ajax请求。然后，您的bookmarklet将成为一个容器，用于测试dom是否准备就绪，如果准备就绪，则添加一个脚本（来自您的服务器）。
值得一提的是，您服务器中的HTML应该是一个脚本文件，这样所有代码都将正确插入创建的
脚本
元素中。如果源代码来自不同的主机，则浏览器中不允许通过AJAX生成HTML。我可能也不够清楚。我知道如何通过bookmarklet加载脚本，但我想知道是否有简单的方法在.js文件中引用复杂的HTML片段，这样我就不必在一个文件中维护长、复杂、嵌入的HTML字符串。