将新HTML写入调用位置

Question

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

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

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

如何functionName在调用它的地方追加/写出新内容,而不是在文档中选择另一个ID并追加.

JavaScript document.write可以做到这一点,但是,我已经读到它破坏了jQuery以后使用DOM的能力.

Answer 1

受到这个答案的启发。

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

http://jsfiddle.net/vYPHb/2/

function test() {
    // get last script tag at the point of calling - useful case of
    // explicitly NOT using '$(document).ready' :)

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

HTML：

foo

<script>
    test();
</script>

bar