Javascript 如何从bookmarklet加载外部css、js并向DOM追加div?

Javascript 如何从bookmarklet加载外部css、js并向DOM追加div?,javascript,jquery,bookmarklet,Javascript,Jquery,Bookmarklet,我正在尝试构建一个bookmarklet,它可以执行以下操作: 1.)加载位于我的服务器上的外部js(完成) 2.)这个外部javascript依次加载jquery和jquery ui,然后在当前站点DOM中添加一个div。(无法使其工作) 你可以想象,我需要将我的内容加载到一个特定的div中,这样我就不会弄乱加载bookmarklet的站点的设计 3.)刚刚打开的对话框包含一个远程php文件的内容,该文件基本上解析页面 脚本完成了,我只需要将它加载到我试图构建的这个对话框中 请帮助我,因为我真

我正在尝试构建一个bookmarklet,它可以执行以下操作:

1.)加载位于我的服务器上的外部js(完成)

2.)这个外部javascript依次加载jquery和jquery ui,然后在当前站点DOM中添加一个div。(无法使其工作)

你可以想象,我需要将我的内容加载到一个特定的div中,这样我就不会弄乱加载bookmarklet的站点的设计

3.)刚刚打开的对话框包含一个远程php文件的内容,该文件基本上解析页面

脚本完成了,我只需要将它加载到我试图构建的这个对话框中


请帮助我,因为我真的被困在这个!谢谢。

这有帮助吗?这是给你带来问题的部分吗

$("<div id='id'></div>").html("Loading......");
$(“”)html(“加载…”);
jQuery文档说:

所有HTML必须格式良好,否则可能无法在所有浏览器中正常工作。这包括以下情况:
$(“”)
可能不起作用,但
$(“”)
将起作用(请注意XML样式的结束斜杠)


谢谢你,维克多,我刚想明白那部分。我已经将div加载到我的内容中,现在我正试图让它运行一个远程php脚本。酷!此外,如果运行远程PHP脚本意味着您希望进行跨域Ajax调用,那么您将遇到问题。您还需要从
标记调用它,以绕过跨域策略。就这么说吧!谢谢维克多,你帮了我很大的忙。
function loadScripts(scriptURL) {


 var scriptElem = document.createElement('SCRIPT');
 scriptElem.setAttribute('language', 'JavaScript');
 scriptElem.setAttribute('src', scriptURL);
 void(document.body.appendChild(scriptElem));
}


loadScripts('http://127.0.0.1/js/jquery-1.3.2.min.js');
loadScripts('http://127.0.0.1/js/jquery-ui-1.7.2.custom.min.js');


var head = document.getElementsByTagName('head')[0]; 
$(document.createElement('link')).attr({type: 'text/css', href: 'http://127.0.0.1/css/redmond/jquery-ui-1.7.2.custom.css', rel: 'stylesheet'}).appendTo(head);



$(document).ready(function(){
    div = $("<div>").html("Loading......");
    $("body").prepend(div);
});
$("#dialog").dialog(); 
$("<div id='id'></div>").html("Loading......");