Javascript 向调用位置写入新的HTML

如何将HTML写入jQuery函数的调用位置

我有一个HTML页面，其中包含以下jQuery/JS代码：

... HTML contents ...
 <script>
   functionName();
 </script>
... More HTML Contents... 

。。。HTML内容。。。
函数名（）；
... 更多HTML内容。。。

如何让

functionName

在调用新内容的地方追加/写出新内容，而不是在文档中选择另一个ID，然后追加

JavaScript的

document.write

可以做到这一点，但是，我读到它会破坏jQuery以后处理DOM的能力

脚本似乎是按顺序运行的，因此在调用时，此时最后一个脚本标记是包含该调用的脚本标记

HTML:

foo
test（）；
酒吧

这取决于如何使用

document.write

。如果它是在页面加载完成之前使用的，那么它是可以的，但是如果它是在页面加载事件之后使用的（比如从页面加载事件触发），那么它会将文档置于异常状态（

write

导致文档流打开并开始写入，这会导致空白页面（在IE中），或者一个从未完成的打开文档[

文档。一旦页面完成加载，浏览器会显式调用关闭].
Wow..这是一种相当独特的方法。[虽然似乎合理]@monksy：有点复杂，我试着让它更简洁。谢谢。这看起来有点干净。特定的函数正在处理正在编写的内容的onclick操作。
function test() {
    // get last script tag at the point of calling - useful case of
    // explicitly NOT using '$(document).ready' :)

    $("script:last").replaceWith("hacked");
}

foo

<script>
    test();
</script>

bar