往body中添加一段html,如何在$ jQuery中使用$（“body”）。append（）添加多个HTML代码？...

我正在尝试使用jQuery制作小书签，但在使用$(“body”)在正文中附加多个HTML命令时出现语法错误。append(“”);有没有其他方法可以使用jQuery追加多个HTML命令？

，我甚至在发送代码为书签：

bookmarklet.js

(function() {

var v = "1.3.2";

if (window.jQuery === undefined || window.jQuery.fn.jquery < v) {

var done = false;

var script = document.createElement("script");

script.src = "http://ajax.googleapis.com/ajax/libs/jquery/" + v + "/jquery.min.js";

script.onload = script.onreadystatechange = function() {

if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {

done = true;

initMyBookmarklet();

}

};

document.getElementsByTagName("head")[0].appendChild(script);

} else {

initMyBookmarklet();

}

function initMyBookmarklet() {

(window.myBookmarklet = function() {

function getSelText() {

var s = '';

if (window.getSelection) {

s = window.getSelection();

} else if (document.getSelection) {

s = document.getSelection();

} else if (document.selection) {

s = document.selection.createRange().text;

}

return s;

}

if ($("#wikiframe").length == 0) {

var s = "";

s = getSelText();

if (s == "") {

var s = prompt("Forget something?");

}

if ((s != "") && (s != null)) {

$("body").append("

Loading...

Enable iFrames.

#wikiframe_veil { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,.25); cursor: pointer; z-index: 900; }

#wikiframe_veil p { color: black; font: normal normal bold 20px/20px Helvetica, sans-serif; position: absolute; top: 50%; left: 50%; width: 10em; margin: -10px auto 0 -5em; text-align: center; }

#wikiframe iframe { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; z-index: 999; border: 10px solid rgba(0,0,0,.5); margin: -5px 0 0 -5px; }

"); //the append tag ends here, but the browser is showing syntax error on appending multiple HTML codes

$("#wikiframe_veil").fadeIn(750);

}

} else {

$("#wikiframe_veil").fadeOut(750);

$("#wikiframe iframe").slideUp(500);

setTimeout("$('#wikiframe').remove()", 750);

}

$("#wikiframe_veil").click(function (event) {

$("#wikiframe_veil").fadeOut(750);

$("#wikiframe iframe").slideUp(500);

setTimeout("$('#wikiframe').remove()", 750);

});

})();

}

})();

那么，有没有摆脱这种错误的方法。我希望我的问题很清楚。提前致谢！

+0

@htoniv感谢您的编辑并使我的帖子更好。谢谢你的帮助，因为我是Stack Exchange的新手。 :) –