Javascript使用“.append”渲染HTML - 简单代码说明

时间:2011-03-12 03:43:46

标签: javascript append

有人可以解释这段代码的每一行是什么意思吗?我正在尝试将<script>调用语句移动到我的HTML中的特定位置,但是我的脚本生成的代码总是将其移动到一个特定表的底部,我认为它与此代码有关。我更愿意通过重写此函数来自行定位,以便在HTML中出现<script>的位置插入代码。

function initialize(instance) {
        _this = instance;
        // build html
        var realCaller = caller != null? caller:$("body");
        var cornerClass = options.showRoundCorner? "ui-corner-all ":"";
        realCaller.append("<div id='"+windowId+"' class='window_panel "+cornerClass+options.containerClass+"'></div>");
        container = realCaller.children("div#"+windowId);

提前致谢!

2 个答案:

答案 0 :(得分:2)

function initialize(instance) {
        _this = instance; //  _this is now equal to the instance variable.
        // build html
        var realCaller = caller != null? caller:$("body"); // if caller isn't null make realCaller equal to caller otherwise the body element
        var cornerClass = options.showRoundCorner? "ui-corner-all ":""; // same deal here
        realCaller.append("<div id='"+windowId+"' class='window_panel  "+cornerClass+options.containerClass+"'></div>"); // append this element to corner class variable
        container = realCaller.children("div#"+windowId); // container equals all children within the realcaller object.

答案 1 :(得分:1)

您的<script>标记应保留在最初的位置。移动它无济于事。

我假设页面使用的是jQuery,但我无法确定您发布的内容。

首先,您需要在要插入HTML的页面元素上添加id属性(即<div id="your_id_here"></div>。然后,更改此行:

var realCaller = caller != null? caller:$("body");

对此:

var realCaller = $('#your_id_here');

用您在页面元素上设置的ID替换“your_id_here”。

注意:由于您发布的代码很少,因此很难知道此“修复”是否会破坏代码的其他部分....