|
第一題:
xmlhttp 的 responseText 默認總是utf-8的編碼,前段時間為了以最小成本解決這個問題,索性整個項目用utf-8編碼。網上解決的方法不多,而且都是比較亂七八糟的,不喜歡。又不能以后所有都用utf-8。
第二題:
xmlhttp 載入頁的Javascript腳本,不能執行。事件的驅動卻仍然可用,前段時間為了回避這東西,干脆把腳本全寫一起了。惡心,總這么干,每次都要載入幾百K的js文件,惡心。
那么,現在有時間了,最用正統的方式解決一下,
xmlhttp ,本來就是用來操作xml的,responseText 返回的東西,使用網上的二進制硬性編碼把UTF-8改成GB2312編碼的方法自然不可靠,而且如果處理其它的編碼則無能為力。使用的 responseXML 返回的 IXMLHTTPRequest 對像,依賴xml的編碼聲明,自然不可能亂碼。沒道理不用。
<?xml version="1.0" encoding="gb2312"?>
<body>
<![CDATA[
這里將是我需要的html文本,
]]>
</body>
腳本可以這么寫一行;
returnValue = xmldom.documentElement.text;
returnValue 即是我所需要的html文本,相對硬性的以字節流去改編碼,何樂而不為呢?
第一題基本解決,管你用什么編碼,utf-8,gb2315.gbk,還是8859-1 改下文檔聲明即可。
第一個問題即然以經用了xml,那么第二個問題也很容易解決,簡單的分析一下我們的需求,執行一個頁面的腳本,由其是在載入的頁上,普遍是在兩個地方,載之HTML之前的聲明和載入完成時的調用。至于頁面中的使用,用DHTML的事件驅動即可,那么變更一下XML的結構。
<?xml version="1.0" encoding="gb2312"?>
<content>
<!-- 需要在頁面載入前定義的腳本 -->
<onStart>
<![CDATA[
// 這里的腳本相當于寫在head里;
]]>
</onStart>
<!-- HTML 內容 -->
<body>
<![CDATA[
HtmlCode
]]>
</body>
<!-- 需要在頁面載入后定義的腳本 -->
<onEnd>
<![CDATA[
// 這里的腳本相當于寫在 body 后的;
]]>
</onEnd>
</content>
處理腳本,試著寫這幾行;
BeginScript = xmldom.documentElement.selectSingleNode("onStart").text;
htmlCode = xmldom.documentElement.selectSingleNode("body").text;
endScript = xmldom.documentElement.selectSingleNode("onEnd").text;
IE下似乎沒問題,但是firefox下報錯,可恨的firefox 下竟然是 textContent , selectSingleNode方法也不起作用, 瀏覽器識別的方法,隨處抄一個就好了?,F在我只去管 IE 和 Firefox ,我機器上也只有這兩個,再改下代碼;
以下的前三行,是從網易博客上抄下來的。有問題找網易好了。實在懶得自己再寫,更別提讓我上網找了。
var isIE=(document.all&&document.getElementById&&!window.opera)?true:false;
var isMozilla=(!document.all&&document.getElementById&&!window.opera)?true:false;
var isOpera=(window.opera)?true:false;
if(isIE){
BeginScript = xmldom.documentElement.getElementsByTagName("onStart").item(0).text;
htmlCode = xmldom.documentElement.getElementsByTagName("body").item(0).text;
endScript = xmldom.documentElement.getElementsByTagName("onEnd").item(0).text;
}else{
BeginScript = xmldom.documentElement.getElementsByTagName("onStart").item(0).textContent;
htmlCode = xmldom.documentElement.getElementsByTagName("body").item(0).textContent;
endScript = xmldom.documentElement.getElementsByTagName("onEnd").item(0).textContent;
}
完成。剩下的,就是怎么去執行。
需要動態的執行一段腳本,能常會到三種方法。
a) JavaScript 中 Global 對像的 eval() 方法;
b) DHTML window 中的 execScript() 方法;
c) JavaScript 中的 new Function(); 對像;
三種方法,各有優劣,
第一種,腳本的上下文關系使用調用時的上下文,明顯的存在作用域問題,執行后的作用域僅在調用的函數或方法體內。惡心的問題;
第二種,本身在DHTML的頂層對像window 上執行,不存在作用域問題,但是execScript() 方法,卻存在瀏覽器兼容問題。只是IE的專有方法。在Firefox 上即無法使用;
第三種,除了使用不便以外,必竟是用來聲明一個方法的,如只需要聲明一個變量的話,也是個很煩人的問題。
如果不存在瀏覽器兼容問題的考慮,那么使用第二種是最好的選擇。
第三種,不作考慮。
第一種,若可以解決作用域問題,則是最好的。
我想到的方法如下;
我們在網頁里聲明一個變量,
即 var author = "戲得散人";
或聲明一個函數。
即:
function getBlogUrl(){
return author + "的博客地址: http://shizhong8841.blog.163.com";
}
在這個時候,我們相當于
window.author = "戲得散人";
window.getMyBlogUrl = function(){
return this.author + "的博客地址:http://shizhong8841.blog.163.com";
}
那么,我們只要稍微擴展一下window對像即可。
window.runScript = function(str){
eval(str);
}
神奇的 this 接下來,只要以 this.a=0; 或 this.funName = function(arg0){}; 這種方式編寫腳本,并調用 runScript(str); 方法,則相當于在頁面中定義全局的屬性和方法,即可以辟開作用域問題,達到我們的目的。
現在,全部問題解決,并且在 InterNETElpxerer 6.0 和 Firefax 2.0 下全部通過測試。寫的代碼太亂,就不往上貼了,省的丟人,但是思想,應該還是正確的。
更多的問題,以后再說。
JavaScript技術:Ajax,UTF-8還是GB2312 eval 還是execScript,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。