DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 在服務端(Page.Write)調用自定義的JS方法詳解
在服務端(Page.Write)調用自定義的JS方法詳解
編輯:關於JavaScript     
首先,我們應該可以先明確,為什麼我們用Page.Write把自定義的JS方法輸出到頁面上為什麼IE不能識別,會出現“XXX未定義”的錯誤。原因很簡單,因為我們用Page.Write輸出的腳本是出現在頁面的最頂端。IE讀到是javascript函數的時候,就開始執行,但是此時我們link的js文件並未被IE讀入,所以IE無法識別我們定義在js文件裡面的方法。那write alert為什麼可以呢?因為alert是IE內嵌的腳本功能函數,不管有沒有頁面,IE都認得它。
找到問題所在,自然就好解決了:
1、把我們自定義的方法內嵌到IE裡面。 ---> 看起來有點異想天開,呵呵
2、等頁面載入完成後再觸發事件。 --->觸發事件,沒錯。
如何知道頁面是否載入完成呢?
1、通過document的狀態
2、通過事件觸發(windows.onload)
第一種好像比較不保險,有時候明明已經全部載完了,它還是一直顯示在傳送數據(FF此情況最明顯),所以還是用事件比較保險一點。
定義一個簡單方法,掛載到windows.onload裡面,執行的時候做一個標識
復制代碼 代碼如下:
var loadComplete = false;
function LoadCompleted()
{
loadComplete= true;
}
window.attachEvent("onload",LoadCompleted);

呵呵,這樣我們只要通過判斷loadComplete來取得頁面是否載入完畢了。
復制代碼 代碼如下:
var mImgdir = "";
var mCaption = "caption";
var mMsg = "Message";
var mOkClick= null;
function ShowMessage(imgdir,caption,msg,OkClick)
{
if(loadComplete)
{
KMessageBox.ShowInfo(mImgdir,mCaption,mMsg,mOkClick);
}
}

這樣子在loadComplete未false的情況下,我們就不會去執行KMessageBox.ShowInfo()方法,只然就不會出現JS錯誤提示了。
單單這樣子,還不行,因為輸出的這樣的腳本,IE只在輸出頁面的時候執行了一次,但是此時loadComplete=false,所以,我們需要定時檢測頁面是否載入完畢。說到定時,只然是祭出setTimeout & setInterval. 我們這裡需要不停的檢測,故使用setInterval方法。最終代碼如下:
復制代碼 代碼如下:
var loadComplete = false;
var mImgdir = "";
var mCaption = "caption";
var mMsg = "Message";
var mOkClick= null;
var timerID;
function ShowMessage(imgdir,caption,msg,OkClick)
{
if(loadComplete)
{
KMessageBox.ShowInfo(mImgdir,mCaption,mMsg,mOkClick);
     //卸載此事件     window.detachEvent("onload",function(){LoadCompleted;});     //停止定時觸發
     window.clearInterval(timerID);
    }
}
function LoadCompleted() { loadComplete=true; }
window.attachEvent("onload",LoadCompleted);
//設置定時檢測機制
timerID = window.setInterval(ShowMessage,1);

當然以上代碼只兼容IE,因為使用attachEvent 和 detachEvent,至於讓他兼容其他浏覽器可以參看[JavaScript]自定義Title的顯示方式一文中的處理方式:
復制代碼 代碼如下:
if(!document.attachEvent)//Not IE
{
document.attachEvent = function(){document.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}
}
if(!window.attachEvent)//Not IE
{
window.attachEvent = function(){window.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}
}
 
在服務端,只要StringBuilder出以上的腳本,然後Write出來就可以了。上面也只是提供了一種思路,當然還會有其他的辦法,比如我不適用定時檢測,我直接掛載到windows.onload裡面,讓頁面自動監聽,自動執行,也未嘗不可:),正所謂條條大路通羅馬嘛~~~~~
以上思路來自yui,並且yui實現了一個更漂亮的自定義MessageBox,有興趣的朋友可以共同研究下。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved