如何加载外部CSS，JS和从书签添加一个div到DOM？

我试图建立一个书签，做以下操作：如何加载外部CSS，JS和从书签添加一个div到DOM？

1）加载外部JS，位于我的服务器上（进行）

javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}%20loadScript('http://127.0.0.1/main.js?x='+Math.random());

2）又将这个外部JavaScript，加载jquery和jquery ui，而不是将div添加到当前网站的DOM中。（不能得到这个工作）

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); 
});

我遇到的问题是，我不能追加一个div具有一定的ID，我们的想法是使用对话（）jQueryUI的功能，以有一个可调整大小的可移动对话框出现在我使用小书签的任何网站上。

$("#dialog").dialog();

你可以想象我需要我的内容加载到一个特定的div，所以我不乱了书签在加载该网站的设计。

3）的对话框，只是打开了一个基本解析页面的远程php文件的内容。

脚本完成我只是需要它加载在我试图构建的对话框中。

请帮助，因为我真的坚持这一点！谢谢。

来源

2009-12-21 Carvefx

如何加载外部CSS，JS和从书签添加一个div到DOM？

回答

相关问题