如何在书签中包含来自另一个文件的 HTML 位？答案

【问题标题】：How do I include HTML bits from another file in a bookmarklet?如何在书签中包含来自另一个文件的 HTML 位？
【发布时间】：2011-05-17 02:20:20
【问题描述】：

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

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

有没有一种方法可以在不直接将其写入 .js 文件的情况下包含 HTML？上面的跨度非常简单，但是我怎样才能创建一个复杂的表单而不让它成为维护的噩梦呢？

编辑

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

【问题讨论】：

【解决方案1】：

使用 ajax 请求从您的服务器加载一些 html 数据，但请确保将缓存参数添加到您的小书签脚本包含。

document.createElement("script");，添加源代码，并将其附加到当前页面的某个位置（头部、正文，由您决定）。

编辑：我可能不够清楚，但您会希望从您的域加载脚本文件，然后运行任何 ajax 请求。然后，您的小书签将成为一个容器，用于测试 dom 是否已准备好，如果已准备好，则附加一个脚本（来自您的服务器）。

【讨论】：

值得一提的是，您服务器中的 HTML 应该是一个脚本文件，这样所有代码都会正确插入到创建的 script 元素中。如果源来自不同的主机，则浏览器中不允许通过 AJAX 生成 HTML。
我可能也不够清楚。我知道如何通过书签加载脚本，但我想知道是否有任何简单的方法可以在 .js 文件中引用复杂的 HTML 片段，这样我就不必在其中维护长而复杂的 HTML 字符串一个文件。