也不好麻煩讓他們從新寫一個方法,由于他們都引用了這個AA.js文件,想在這邊在AA.js后執行一個函數自動把jq庫引入,于是想到引入js文件方法:
代碼如下:
getScript : function(s,call){
var el = UI.DC('script');
if (call) {
el.onload =el.onreadystatechange=call;
}
UI.A(el,'type','text/javascript');
UI.A(el,'src',s);
UI.GT(document,'head')[0].appendChild(el);
}
/*UI.DC為創建對象,UI.A為屬性賦值,GT為getElementsByTagName的簡寫*/
于是這樣執行UI.getScript("js/jquery/jquery-1.4.2.min.js",function(){alert("載入成功")});
結果在IE和ff下確實彈出了載入成功,可當我再HTML中使用jq的時候在IE下怎么都執行不了,不斷刷新偶爾還能執行,放在服務器上和在客戶端的靜態頁面也有差別,但在火狐下沒有問題.........
于是想到是不是jq文件在載入的時候和html載入是并行的,當jq載入成功之前HTML文件已經執行,于是在html的body結束之時添加
代碼如下:
<script>
alert("html前執行")
</script>
執行發現確實是先彈出hmtl前執行,后彈出載入成功。在火狐下也是這樣。上傳到服務器上時感覺火狐的彈出會同時出現.....
于是開始不解,到底怎么設置才能確保jq文件載入完之后才能執行html body中的東東,怎么像在head中添加<script type="text/javascript" src="js/jquery.js"></script>那樣引入文件..
思索總想到以前瀏覽一個頁面是他用了一個loading文件引入許多js文件,在html中就可使用這些引入的文件函數,搜索查到了這個js文件內容為:
代碼如下:
var Collapsar = {
Version: '0.0.1',
require: function(libraryName) {
// inserting via DOM fails in Safari 2.0, so brute force approach
document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
},
load: function() {
if((typeof Prototype=='undefined') ||
(typeof Element == 'undefined') ||
(typeof Element.Methods=='undefined') ||
parseFloat(Prototype.Version.split(".")[0] + "." +
Prototype.Version.split(".")[1]) < 1.5)
throw("The Prototype JavaScript framework 1.5.0+ is required");
$A(document.getElementsByTagName("script")).findAll( function(s) {
return (s.src && s.src.match(/loader/.js(/?.*)?$/))
}).each( function(s) {
var path = s.src.replace(/loader/.js(/?.*)?$/,'');
var includes = s.src.match(//?.*load=([a-z,]*)/);
(includes ? includes[1] : "").split(',').each(
function(include) {
Collapsar.require(path+include+'.js') });
新聞熱點
疑難解答
圖片精選