Javascript 通过链接文件使用js注入html

我试图想出一种方法，通过链接脚本将大量html注入到文档中，但我找不到一个好方法

类似的内容会进入我正在“注入”的文档的头部：

<script src="http://example.com/html-inject.js" type="text/javascript"></script>

然后这家伙的内容会是这样的：

$(document).ready(function(){
    $('body').insert({after: '<div id="test_div"><h1>This is a test.</h1></div>'});
    $('header').insert({after: '<div id="test_div"><h1>This is another test.</h1></div>'});
})

$（文档）.ready（函数（）{
$（'body'）.insert（{after:'这是一个测试'）；
$（'header'）.insert（{after:'这是另一个测试'）；
})

（上面需要prototype.js，但我更愿意只链接到一个文件…）

我尝试这样做的原因是：我试图想出一个好方法来修改博客主题，而不篡改html，因为html中充满了复杂的变量和块

，使用jQuery（现在包括jQuery是相当标准的），您可以：

$('#div').append('<h1>SomeHtml</h1>');

$（'#div'）.append（'SomeHtml'）；

---

但是，正如其他人所说，你最好学习你的博客主题并正确使用。

修复你的博客主题。这可能会容易得多，这样你就不会在重新编写页面时加载一个奇怪的FOUC。

修改博客主题的一个好方法

，你有没有看过使用jQueryUI，然后你可以合并类似themeswitcher@Brad我可以这么做，但是我正在尝试在这里制作一个工具——我想让任何试图修改主题的人都可以轻松地使用这个工具，这些人可能不理解特定于站点的变量和块是如何工作的，或者只是想在这里和那里添加一些东西。另外，你看过jQuery的吗？它不需要proto，我强烈建议再次将proto与jQuery一起使用。无论您使用proto做什么，都可以使用jQuery。jQuery还具有用于各种用途的.before和.after func。在你依赖第二个库之前，请仔细阅读他们的api。@SpYk3HH好的，所以我做了一个快速测试并创建了一个快速html页面来注入：。我在一个文档中链接了custom-html.js，但什么都没有显示？