亚洲日本va在线观看,国产精品久久久久av福利动漫,免费av一区二区三区四区http://www.aygfsteel.com/leekiang/category/24531.htmlMDA/MDD/TDD/DDD/DDDDDDDzh-cnMon, 02 Jul 2012 02:09:18 GMTMon, 02 Jul 2012 02:09:18 GMT60waphttp://www.aygfsteel.com/leekiang/archive/2011/05/15/350283.htmlleekiangleekiangSun, 15 May 2011 10:54:00 GMThttp://www.aygfsteel.com/leekiang/archive/2011/05/15/350283.htmlhttp://www.aygfsteel.com/leekiang/comments/350283.htmlhttp://www.aygfsteel.com/leekiang/archive/2011/05/15/350283.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/350283.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/350283.html WAP1.1 came out in 1999.[4]. WAP 1.2, the final update of the 1.X series was released in June 2000.The most important addition in version 1.2 was WAP push. wikipedia上的wap介紹

wap push 的意思是帶連接的短信,它可以引導你進入wap的網站

獲取手機號碼
? String?? Mobile_GPRS?? =?? request.getHeader("X-up-calling-line-id");?
? String?? Mobile_CDMA?? =?? request.getHeader("x-up-subno");?
? String?? Mobile_INFO???? =?? request.getHeader("x-network-info");?
? String?? Mobile_DEVI???? =?? request.getHeader("deviceid");
現在好像已經取不到了,但是像umpay和夢網這樣和移動有協議的網站能夠拿到。

1、用wml還是xhtml取決于你的站點是wap 1.2還是2.0,如果是wap 1.2,那還是老老實實寫wml。
2、wap上線最重要的是檢查頁面是否能正常被手機終端訪問,因為wap語法要求非常嚴格,不像pc上的瀏覽器兼容性那么好,哪怕一點點小問題,比如某個字符亂碼,就可能導致頁面無法訪問。通常通過以下三個步驟來檢查:
1)使用opera 8.51版本檢查頁面,看看是否有不規范的語法;
2)訪問一個3C標準的網站,在網站中輸入你的wap頁面地址,這個網站可以對頁面進行檢查,看看是否符合標準。(不好意思,網站名和地址忘了)
3)直接使用手機訪問頁面進行檢查。
忘了說明之所以要用opera 8.51而不是9.0,是因為9.0以后的版本兼容性有很大的問題,對很多正常的頁面也會提示出錯。
注:opera8的最后一個版本是8.5.4,見http://arc.opera.com/pub/opera/win

openwave模擬測試? ASP.NET 2.0移動開發入門之使用模擬器

目前低端手機的瀏覽器還有相當一部分只支持WML,xHTML MP的普及率在上升,但我們還是不能忽視WML only的那批客戶群。
美國的Sprint最近幾款手機開始支持ESMP(ECMA Script Mobile Profile),也就是手機上的JavaScript。
?另外,Sprint也加了自己一些技術,比如pre-cache multipart mimetype。就是用multipart的方式(我們email很常見的格式)下載一個package,里面包括相關的頁面,圖片,ESMP等等。目前package最大尺寸是512K,mobile上大概是10多個頁面吧(包括圖片)。一次性下載完后,瀏覽頁面就是本地瀏覽方式了。好處是一個Http connection下載所有頁面和資源。壞處是下載的速度會比較慢。但現在3G的開始普及,512K的數據幾秒鐘就下好了,利大于弊很多很多。wap現狀

在應用層上無論是wap 1.n時代的wml還是wap2.0的XHTML MP都將會和PC瀏覽器走向統一,XHTML MP已經是XHTML的一個子集。在傳輸層上如lz所說瀏覽器可以直接使用HTTP協議通訊,WAP傳輸層上的協議也會消亡。WAP作為一種技術肯定會消失。但手機瀏覽器作為繼PC瀏覽器后的另一個用戶終端其B/S模式不會消亡。3G快來了,WAP還有前途嗎?

WML1只支持 粗體 斜體 下劃線? <small> <big>這幾個字體樣式,而且有的瀏覽器還不支持這個樣式.(字能顯示出來,但沒該效果)

Wap中如何進行Session管理?
Wap與PC不同之處在與Wap1.x不支持Session與Cookie,Wap2.0雖然支持但是只有協議支持還是不行,還要看手機終端支不支持?所以我們的解決方法就是完全不依賴Wap協議,完全不依賴手機終端,使用Url重寫進行Session的維護,這個方法只與服務器端有關.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8; X-Wap-Proxy-Cookie=none" />
WAP網關存在不少問題,其中之一如開發者最為頭疼的問題便是cookie的處理。由于不少低端手機瀏覽器本身不支持cookie,于是WAP網關越俎代庖擔當起此重任--通過網關軟件使這些手機支持cookie,此僭越行為導致移動開發者無所適從,具體表現在:
a. 手機上清除cookie后仍有cookie
b. cookie會莫名其妙的丟失或者產生
c. 重復的cookie存在導致生成非法請求Header
應該還有很多很細小的問題讓開發者頭疼,在互聯網上運行好好的機制移到WAP上就會有這樣那樣的問題,這些問題更多集中在用戶登錄、權限控制等方面,問題如何解決呢?解決辦法是讓WAP網關不保存cookie,加入上述代碼即可解決問題。

httpClient中文亂碼問題解決(wap提交)
手機中WAP1.0和2.0有什么不同
WAP2.0技術分析
wap2.0開發指南
設計一個J2me Wap瀏覽器幻想
Making your Rails app mobile with WAP and WML
使用Rails開發支持WAP/WML的應用
手機wap頁面前端的一點體會
Java開發WAP網站的一些簡單經驗


leekiang 2011-05-15 18:54 發表評論
]]>
空格和引號http://www.aygfsteel.com/leekiang/archive/2011/05/01/349346.htmlleekiangleekiangSun, 01 May 2011 12:03:00 GMThttp://www.aygfsteel.com/leekiang/archive/2011/05/01/349346.htmlhttp://www.aygfsteel.com/leekiang/comments/349346.htmlhttp://www.aygfsteel.com/leekiang/archive/2011/05/01/349346.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/349346.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/349346.html空格和雙引號的utf編碼

英文半角英文全角中文半角中文全角
空格20
e38080
20
e38080
雙引號""? 22 22
"" efbc82  efbc82
“” e2809c e2809d
“”e2809c e2809d

買?寶?貝:
我的寶貝:
社????區:

兩個空格寬度不等于一個漢字寬度的問題
其實很簡單,跟字符集或者編碼沒有太大的關系。
在英文字體或者其他國家語言字體下空格($nbsp;)在瀏覽器中顯示為不同的寬度,可能是三個空格對應一個漢字,或者四個空格對應一個漢字。
使用中文字體可以完美解決這個問題。
TIP:
css中
font-family: "宋體", sans-serif;

空格的寬度
CSS 瀏覽器的等寬空格問題解決
textarea與div中的空格在不同字體、不同IE版本的表現
請問不同瀏覽器空格寬度不一致怎么解決


leekiang 2011-05-01 20:03 發表評論
]]>
iframe自適應高度http://www.aygfsteel.com/leekiang/archive/2010/05/04/320002.htmlleekiangleekiangTue, 04 May 2010 03:00:00 GMThttp://www.aygfsteel.com/leekiang/archive/2010/05/04/320002.htmlhttp://www.aygfsteel.com/leekiang/comments/320002.htmlhttp://www.aygfsteel.com/leekiang/archive/2010/05/04/320002.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/320002.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/320002.html
a.jsp
<iframe src="http://192.168.2.97/AppB/b.jsp" id="b_iframe"? scrolling="no"? frameborder="0"></iframe>

b.jsp
<iframe id='c_iframe'? height='0' width='0' src='http://192.168.108.25/AppA/c.jsp' style='display:none' ></iframe>
<script>
var b_height = Math.max(document.body.scrollHeight,document.body.clientHeight);
var c_iframe = document.getElementById('c_iframe');
c_iframe.src = c_iframe.src+'#'+b_height;
</script>

c.jsp
<script>
??? var hash_url = window.location.hash;
??? var hash_height = hash_url.split('#')[1]+'px';
??? var b_iframe = window.parent.parent.document.getElementById('b_iframe');
??? b_iframe.style.height = hash_height;
</script>

leekiang 2010-05-04 11:00 發表評論
]]>
CAP、BASE、Sharding等http://www.aygfsteel.com/leekiang/archive/2010/04/26/319347.htmlleekiangleekiangSun, 25 Apr 2010 16:20:00 GMThttp://www.aygfsteel.com/leekiang/archive/2010/04/26/319347.htmlhttp://www.aygfsteel.com/leekiang/comments/319347.htmlhttp://www.aygfsteel.com/leekiang/archive/2010/04/26/319347.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/319347.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/319347.htmlConsistency(一致性), 數據一致更新,所有數據變動都是同步的
Availability(可用性), 好的響應性能
Partition tolerance(分區容錯性) 可靠性

CAP原理指的是,這三個要素最多只能同時實現兩點,不可能三者兼顧
http://www.javaeye.com/articles/2367


BASE模型反ACID模型,完全不同ACID模型,犧牲高一致性,獲得可用性或可靠性:
Basically Available基本可用。支持分區失敗(e.g. sharding碎片劃分數據庫)
Soft state軟狀態 狀態可以有一段時間不同步,異步。
Eventually consistent最終一致,最終數據是一致的就可以了,而不是時時高一致。
http://lovewhzlq.javaeye.com/blog/619965

Sharding:
Sharding(分片),與分區(Partition)不一樣,分區不能跨數據庫
http://www.dbanotes.net/database/database_sharding.html

leekiang 2010-04-26 00:20 發表評論
]]>
瀏覽器的并發連接數http://www.aygfsteel.com/leekiang/archive/2010/04/14/318358.htmlleekiangleekiangWed, 14 Apr 2010 10:32:00 GMThttp://www.aygfsteel.com/leekiang/archive/2010/04/14/318358.htmlhttp://www.aygfsteel.com/leekiang/comments/318358.htmlhttp://www.aygfsteel.com/leekiang/archive/2010/04/14/318358.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/318358.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/318358.html
瀏覽器默認最大并發連接數
瀏覽器HTTP 1.1HTTP 1.0
IE 6,724
IE 866
Firefox 228
Firefox 366
Safari 3, 444
Chrome 1,26?
Chrome 344
Opera 9.63,10.00alpha44

http協議無狀態,無連接。無連接的含義就是限制每次連接只處理一個請求,收到應答后即斷開。但據說這個是http1.0。   
http1.1里,提出了持久連接(persistent connection)的概念,也就是說同一條 HTTP連接,可以依次處理多個請求。

突然想到,ajax的異步是相對這個瀏覽器而言,就ajax的這個請求來說,還是同步的。

參考:
http://www.stevesouders.com/blog/2008/03/20/roundup-on-parallel-connections/
主流瀏覽器并發連接數
網站的最大并發連接數
各個瀏覽器并發連接數比較


leekiang 2010-04-14 18:32 發表評論
]]>
為什么說REST是無狀態的http://www.aygfsteel.com/leekiang/archive/2010/03/24/316489.htmlleekiangleekiangWed, 24 Mar 2010 15:46:00 GMThttp://www.aygfsteel.com/leekiang/archive/2010/03/24/316489.htmlhttp://www.aygfsteel.com/leekiang/comments/316489.htmlhttp://www.aygfsteel.com/leekiang/archive/2010/03/24/316489.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/316489.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/316489.htmlhttp://subject.it168.com/article/articleview.aspx?id=672857


leekiang 2010-03-24 23:46 發表評論
]]>
跨域session丟失問題http://www.aygfsteel.com/leekiang/archive/2010/01/28/311054.htmlleekiangleekiangThu, 28 Jan 2010 03:57:00 GMThttp://www.aygfsteel.com/leekiang/archive/2010/01/28/311054.htmlhttp://www.aygfsteel.com/leekiang/comments/311054.htmlhttp://www.aygfsteel.com/leekiang/archive/2010/01/28/311054.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/311054.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/311054.html而如果后臺服務器改用weblogic8,用IE6訪問同一個url,竟然每次都會生成新的sessionID,
重啟IE6就好了,太奇怪了。

本筆記重點是IFrame跨域的session問題:

Frameset引起的內部第三方站點cookie丟失的發現解決過程http://www.phpchina.com/html/34/12834-11369.html
跨域session丟失問題http://blog.javaflag.com/blog/?p=484
用P3P header解決iframe跨域訪問cookiehttp://blog.csdn.net/wonder4/archive/2008/02/27/2125804.aspx
Liferay Portal額外研究(三):IFrame Portlet地session丟失疑難處理 http://www.qqgb.com/Program/Java/javadoc/javalib/Program_156031.html

leekiang 2010-01-28 11:57 發表評論
]]>
javascript驗證表單http://www.aygfsteel.com/leekiang/archive/2009/08/24/292350.htmlleekiangleekiangMon, 24 Aug 2009 04:28:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/08/24/292350.htmlhttp://www.aygfsteel.com/leekiang/comments/292350.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/08/24/292350.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/292350.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/292350.htmlvar r1= /^[0-9]*[1-9][0-9]*$/  //正整數
var r2=/^-[0-9]*[1-9][0-9]*$/  //負整數
var r3=/^\d+$/?? //非負整數(正整數 + 0)
var r4=/^-?\d+$/    //整數
var val=r1.test(str); //str為你要判斷的字符 執行返回結果 true 或 false

2,
function isNumber(oNum)
?? {
??if(!oNum) return false;
??var strP=/^\d+(\.\d+)?$/;
??if(!strP.test(oNum)) return false;
??try{
??if(parseFloat(oNum)!=oNum) return false;
??}
??catch(ex)
??{
???return false;
??}
??return true;
?? }



leekiang 2009-08-24 12:28 發表評論
]]>
IE下如何解決層的固定http://www.aygfsteel.com/leekiang/archive/2009/07/23/288035.htmlleekiangleekiangThu, 23 Jul 2009 07:16:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/07/23/288035.htmlhttp://www.aygfsteel.com/leekiang/comments/288035.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/07/23/288035.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/288035.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/288035.htmlhttp://tagsoup.com/cookbook/css/fixed/
http://bbs.51js.com/viewthread.php?tid=84761
http://www.happinesz.cn/archives/991/
網易論壇、鳳凰論壇


leekiang 2009-07-23 15:16 發表評論
]]>
ajax跨域調用及jsonphttp://www.aygfsteel.com/leekiang/archive/2009/07/19/287296.htmlleekiangleekiangSat, 18 Jul 2009 17:48:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/07/19/287296.htmlhttp://www.aygfsteel.com/leekiang/comments/287296.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/07/19/287296.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/287296.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/287296.htmlAjax的應用中,由于安全的問題,瀏覽器默認是不支持跨域調用的。傳統解決的方法,包括:(參考http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/)

Local proxy:
Needs infrastructure (can't run a serverless client) and you get double-taxed on bandwidth and latency (remote - proxy - client).
Flash:
Remote host needs to deploy a crossdomain.xml file, Flash is relatively proprietary and opaque to use, requires learning a one-off moving target programming langage.
Script tag:
Difficult to know when the content is available, no standard methodology, can be considered a "security risk".

以上方法都各有缺陷,都不是很好多解決方案。后來出現了一種叫JSON with Padding 的技術,簡稱 JSONP .(原理參考http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/),應 用JSONP可以實現JSON數據的跨域調用。非常的幸運,JQuery1.2以后支持JSONP的應用。下面側重說明在JQuery中,Json的跨域 調用。

????? 應用JSONP實現Json數據跨域調用,需要服務器端與客戶端的合作完成。引用Jquery官方的例子,客戶端掉用如下:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

?

??? 注意這里調用的地址中jsoncallback=?是關鍵的所在!其中,符號會被Query自動替換成其他的回調方法的名稱,具體過程和原理我們這里不理 會。我們關心的是jsoncallback=?起什么作用了?原來jsoncallback=?被替換后,會把方法名稱傳給服務器。我們在服務器端要做什 么工作呢?服務器要接受參數jsoncallback,然后把jsoncallback的值作為JSON數據方法名稱返回,比如服務器是JSP,我們會這 樣做:

?

????? ...

????? String jsoncallback=request.getParameter("jsoncallback");

????? ...

????? out.print(jsoncallback+"({\"account\":\"XX\",\"passed\":\"true\",\"error\":\"null\"})");

?

Jquery取得的數據可能如下:

????? JQUET0988788({"account":"XX","passed":"true","error":"null"})

?

總結,用JSONP要做兩件事:

????? 1/請求地址加參數:jsoncallback=?

????? 2/服務器段把jsoncallback的值作為方法名傳回來,如JQUET098788(...)

參考:

http://www.javaeye.com/topic/169765

http://www.javaeye.com/topic/260647



leekiang 2009-07-19 01:48 發表評論
]]>
html筆記http://www.aygfsteel.com/leekiang/archive/2009/03/13/259615.htmlleekiangleekiangFri, 13 Mar 2009 11:54:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/03/13/259615.htmlhttp://www.aygfsteel.com/leekiang/comments/259615.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/03/13/259615.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/259615.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/259615.html<input type="text" name="stime" value=2009-02-12 12:43:31 />

2,


leekiang 2009-03-13 19:54 發表評論
]]>
json-lib.jar包使用筆記http://www.aygfsteel.com/leekiang/archive/2009/03/11/259204.htmlleekiangleekiangWed, 11 Mar 2009 11:59:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/03/11/259204.htmlhttp://www.aygfsteel.com/leekiang/comments/259204.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/03/11/259204.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/259204.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/259204.htmlcommons-beanutils.jar;//必須是1.7以上
commons-collection.jar;//必須3.1以上
ezmorph.jar;

leekiang 2009-03-11 19:59 發表評論
]]>
my97日期控件筆記http://www.aygfsteel.com/leekiang/archive/2009/03/11/259089.htmlleekiangleekiangWed, 11 Mar 2009 05:58:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/03/11/259089.htmlhttp://www.aygfsteel.com/leekiang/comments/259089.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/03/11/259089.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/259089.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/259089.html?? ? ? ? ? var tempdatevalue='';
??? ??? ??? function beforedatechange(dp){
??? ??? ??? tempdatevalue=this.value;
??? ??? ??? }
??? ??? ??? function afterdatechange(dp){
??? ??? ??? if(tempdatevalue!=this.value)
???????????? {
???????????? window.document.location.href="test.do?do=test&date="+this.value;
???????????? }
??? ??? ??? }
<input type="text" id="date" name="date" value="${date}"
??? ??? ??? ??? ??? ??? ??? onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',onpicking:beforedatechange,onpicked:afterdatechange})" class="Wdate" />

2,IE中 無法打開internet站點 。。。。。已終止操作
<base target="_self" />
在<script/>中添加屬性defer="defer";


leekiang 2009-03-11 13:58 發表評論
]]>
dhtmlxtree筆記http://www.aygfsteel.com/leekiang/archive/2009/01/15/251517.htmlleekiangleekiangThu, 15 Jan 2009 15:58:00 GMThttp://www.aygfsteel.com/leekiang/archive/2009/01/15/251517.htmlhttp://www.aygfsteel.com/leekiang/comments/251517.htmlhttp://www.aygfsteel.com/leekiang/archive/2009/01/15/251517.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/251517.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/251517.html<body>
??? <link rel="STYLESHEET" type="text/css" href="css/dhtmlxtree.css">
??? <script? src="js/dhtmlxcommon.js"></script>
??? <script? src="js/dhtmlxtree.js"></script>
??? <div id="treeboxbox_tree"></div>
??? <script type="text/javascript">
??tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
??tree.attachEvent("onClick",onNodeSelect);
??tree.setImagePath("images/tree/");
??tree.setXMLAutoLoading("dept.do?action=folder_treeview");//逐級展開
??tree.loadXML("dept.do?action=folder_treeview&id=1");//初始化
??function onNodeSelect(nodeId){
????? document.getElementById("parent_folder_id").value = nodeId;
??}
??? </script>
</body>


2,初始化需要的xml,必須帶item
<?xml version='1.0' encoding='utf-8'?>
<tree id="0">
<item nocheckbox="1" open="1" id="-1" select="0" text= "公司" >
<item? open="1" child="1"? text= "財務部" id= "1"></item>
<item? open="1" child="0"? text= "技術部" id= "2"></item>
<item? open="1" child="0"? text= "人事部" id= "4"></item>
</item>
</tree>
注意<tree>里的id的值必須和dhtmlXTreeObject的第4個參數的值保持一致,否則會報錯:
Error type: DataStructure
Description: XMLrefferstonotexistingparent

3,逐級展開的xml
<?xml version="1.0" encoding="utf-8"?><tree id="3">
<item? open="1" text= "甲部門" id= "5" ></item>
<item? open="1" text= "乙部門" id= "6" ></item>
</tree>

4,child屬性表示是否有子級


leekiang 2009-01-15 23:58 發表評論
]]>
關于js樹的雜記http://www.aygfsteel.com/leekiang/archive/2008/11/19/241361.htmlleekiangleekiangWed, 19 Nov 2008 06:33:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/11/19/241361.htmlhttp://www.aygfsteel.com/leekiang/comments/241361.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/11/19/241361.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/241361.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/241361.html改造xloadtree,改成json傳參和jquery插件的方式
數據,結構,行為,風格
xloadtree:
樹的數據是以xml的結構存放的。
每次點擊展開的圖標,只加載下一級的數據。
每一級的數據都是以<xml>的形式存放,
<tree text="子節點" action="http://webfx.eae.net" src="NOT_AVAILABLE.xml" target="_new"
?? ??? ?icon="http://webfx.eae.net/images/favicon.gif"/>
?? ??? ?如果src形如*.xml,該節點的前面才有展開的圖標。
文件系統樹,如果不作調整,最后一個節點不管是文件夾還是文件,一律顯示為文件,這是不對的,如何處理:
(1)設置葉子圖標為folder.png
(2)生成下一級的xml數據時判斷一下,如果子級有文件夾或文件,則src形如*.xml;如果是文件,加一個icon='file.png'



別的樹:
1,http://code.google.com/p/jstree/
演示http://www.vakata.com/jsTree/examples/

2,http://be.twixt.us/jquery/treeView.php

3,http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

4,jQuery File Tree
? http://abeautifulsite.net/notebook_files/58/demo/
?
5,http://destroydrop.com/javascripts/tree/

6,自動選擇子節點
? http://www.cnblogs.com/adandelion/archive/2006/05/20/405319.html
7,http://www.javaeye.com/topic/148372
8,jQuery SimpleTree Drag&Drop plugin
? http://news.kg/wp-content/uploads/tree
? http://www.javaeye.com/topic/249851
?? ????


leekiang 2008-11-19 14:33 發表評論
]]>
wysiwyg編輯器http://www.aygfsteel.com/leekiang/archive/2008/09/20/230051.htmlleekiangleekiangFri, 19 Sep 2008 17:32:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/09/20/230051.htmlhttp://www.aygfsteel.com/leekiang/comments/230051.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/09/20/230051.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/230051.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/230051.htmltinymce
TinyMCE 和 FCKEditor的差別和好壞之處在哪?



leekiang 2008-09-20 01:32 發表評論
]]>
text和textarea中的range處理http://www.aygfsteel.com/leekiang/archive/2008/08/26/224552.htmlleekiangleekiangTue, 26 Aug 2008 12:17:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/08/26/224552.htmlhttp://www.aygfsteel.com/leekiang/comments/224552.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/08/26/224552.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/224552.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/224552.html加了4行代碼(見注釋)。這里并沒有徹底搞明白,先立此存照。
<html>
?? ?<head>
?? ??? ?<meta http-equiv="content-type" content="text/html; charset=GBK">
?? ??? ?<script src="../pub/jquery/jquery.pack.js"></script>
?? ??? ?<script>
???? function getTextCaretPos(textObj){
??????? var curRange = document.selection.createRange();
??????? var tbRange = textObj.createTextRange();
??????? tbRange.collapse(true);
??????? tbRange.select();
??????? var headRange = document.selection.createRange();
??????? headRange.setEndPoint("EndtoEnd", curRange);
??????? var pos = headRange.text.length;
??????? return pos;
??? }
?? ?
??? jQuery(document).ready(function(){
?????? jQuery('#test').keyup(function(event){
?switch(event.keyCode){
?case 8:
?$('#pos').html(getTextCaretPos($('#test').get(0)));
//以下4行移動光標到文本最后面
?? $('#test')[0].focus();
??? var rng =$('#test')[0].createTextRange();
??? rng.collapse(false);
??? rng.select();
??? break;
? }
?}
?? );
??? }
??? );
? </script>
?? ?</head>
?? ?<body>
?? ??? ?<input id='test'>
?? ??? ?pos:
?? ??? ?<span id='pos'></span>
?? ?</body>
</html>



leekiang 2008-08-26 20:17 發表評論
]]>
js中this的筆記http://www.aygfsteel.com/leekiang/archive/2008/06/10/206845.htmlleekiangleekiangMon, 09 Jun 2008 17:53:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/06/10/206845.htmlhttp://www.aygfsteel.com/leekiang/comments/206845.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/06/10/206845.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/206845.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/206845.html
http://hi.baidu.com/wyt1213/blog/item/865aa0fd0c55631209244ddd.html

leekiang 2008-06-10 01:53 發表評論
]]>
常用js工具函數http://www.aygfsteel.com/leekiang/archive/2008/05/21/202027.htmlleekiangleekiangWed, 21 May 2008 13:28:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/05/21/202027.htmlhttp://www.aygfsteel.com/leekiang/comments/202027.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/05/21/202027.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/202027.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/202027.html1,得到字符串長度,非個數

function ?JHshStrLen(sString)
{
???
var ?sStr,iCount,i,strTemp?;
???iCount?
= ? 0 ?;
???sStr?
= ?sString.split( "" );
????
for ?(i? = ? 0 ?;?i? < ?sStr.length?;?i? ++ )
?????{
?????????strTemp?
= ?escape(sStr[i]);//或者用sStr[i].charCodeAt(0)<299?? ?
??????????
if ?(strTemp.indexOf( " %u " , 0 )? == ? - 1 )
??????????{
??????????????iCount?
= ?iCount? + ? 1 ?;
??????????}
??????????
else
??????????{
??????????????iCount?
= ?iCount? + ? 2 ?;
??????????}
??????}
??????
return ?iCount?;
}

2, 禁止粘貼到文本框,支持IE,FIREFOX等
function?fncKeyStop(evt)
{
????
if(!window.event)
????{
????????
var?keycode?=?evt.keyCode;?
????????
var?key?=?String.fromCharCode(keycode).toLowerCase();
????????
if(evt.ctrlKey?&&?key?==?"v")
????????{
??????????evt.preventDefault();?
??????????evt.stopPropagation();
????????}
????}
}
<input onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false;" />
IE中不需要寫onkeydown=fncKeyStop(event)
已知的問題:不能屏蔽Firefox的菜單欄上的“paste”

leekiang 2008-05-21 21:28 發表評論
]]>
css筆記http://www.aygfsteel.com/leekiang/archive/2008/05/19/201392.htmlleekiangleekiangMon, 19 May 2008 07:34:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/05/19/201392.htmlhttp://www.aygfsteel.com/leekiang/comments/201392.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/05/19/201392.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/201392.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/201392.htmlinline?
???? 解決:先設定display屬性,可以設定成block或者inline-block即可。text-align無效時解決辦法也一樣。
2,
<title>鼠標劃過表格行變色簡潔實現,支持IE6、IE7、FF2</title>
?
<style?type="text/css">
???#tb
{width:666px;border-collapse:collapse;border:1px?solid?#EEE;font-size:14px;}
???#tb?th
{background:#EEE;border-bottom:1px?solid?#CCC;padding:4px;}
???#tb?td
{border:1px?solid?#EEE;padding:4px;}
?
</style>
<script?type="text/javascript">
?
var?obj=document.getElementById("tb");
?
for(var?i=0;i<obj.rows.length;i++){??//by丁學?http://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html
???obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
???obj.rows[i].onmouseout
=function(){this.style.background="";}
?}
</script>

3,CSS Sprite
?? 指把整站的所有背景圖片拼成一幅圖片,然后利用css的位移技術,達到與原來同樣的效果。
? 例如
? .icon2 {
????????????????????background:url(../images/ico.gif) no-repeat left -20px??
??????}
?http://www.youtube.com/img/master.gif

4,html中塊注釋css
條件注釋的基本結構和HTML的注釋(<!-- -->)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。只能使用在HTML文件里,而不能在CSS文件中使用。
<!--[if IE 6]>
<style type="text/css">
??? #mydiv{position:absolute;}
</style>
<![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
見 http://hi.baidu.com/mengqing723/blog/item/c39020248f51f33ac9955947.html

5,漢字對齊的問題,尤其是4個字和5個字如何對齊
對齊的問題,有點郁悶。剛開始只能聲明text-align屬性來進行對齊。但是各行的字數又不一樣,試了下word-spacing,但是不起作用。word-spacing這個屬性對中文沒用,不過在中文之間加個空格就生效了。可能老外覺得兩詞之間沒空格就是一個詞:helloworld,你好。試驗了下letter-spacing,生效,說明瀏覽器把沒空格的中文當成字母了。
word-spacing用于修改字間距離。這里的“字”,簡單的說,可以是任何非空白字符組成的串,并由某種空白符包圍。所以象形文字是無法指定word-spacing的,除非字之間有空格。見http://www.cnblogs.com/fivewood/archive/2009/08/31/1557500.html


leekiang 2008-05-19 15:34 發表評論
]]>
不能取得referer的情況http://www.aygfsteel.com/leekiang/archive/2008/04/26/196366.htmlleekiangleekiangSat, 26 Apr 2008 14:45:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/04/26/196366.htmlhttp://www.aygfsteel.com/leekiang/comments/196366.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/04/26/196366.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/196366.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/196366.html下列情況是從瀏覽器的地址欄正常取得Request.ServerVariables("HTTP_REFERER")的:
1.直接用<a href>
2.用Submit或<input type=image>提交的表單(POST or GET)
3.使用Jscript提交的表單(POST or GET)


下面是Request.ServerVariables("HTTP_REFERER")不能正常取值的情況:
1.從收藏夾鏈接
2.單擊'主頁'或者自定義的地址
3.利用Jscript的location.href or location.replace()
4.在瀏覽器直接輸入地址
5.<%Response.Redirect%>
6.<%Response.AddHeader%>或<meta http-equiv=refresh>轉向
7.用XML加載地址

http://www.linux-cn.com/html/program/ASP/20070424/12718.html



leekiang 2008-04-26 22:45 發表評論
]]>
顏色http://www.aygfsteel.com/leekiang/archive/2008/03/18/187036.htmlleekiangleekiangTue, 18 Mar 2008 08:38:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/03/18/187036.htmlhttp://www.aygfsteel.com/leekiang/comments/187036.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/03/18/187036.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/187036.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/187036.html
css顏色代碼對照


leekiang 2008-03-18 16:38 發表評論
]]>
js筆記http://www.aygfsteel.com/leekiang/archive/2008/03/12/185820.htmlleekiangleekiangWed, 12 Mar 2008 13:10:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/03/12/185820.htmlhttp://www.aygfsteel.com/leekiang/comments/185820.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/03/12/185820.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/185820.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/185820.html? (1)document.write("<script>alert('ok');</script"+">");注意</script>要分開寫
? 或
? (2)var oDiv=document.createElement("script");
?????????? oDiv.appendChild("alert('0k')");
??????? document.body.appendChild(oDiv);
? (3)eval("alert(ok);");
???? 但不知何故,在模態窗口中用eval執行window.dialogArguments.location.reload()會報錯
?詳見http://hi.baidu.com/ziyou038/blog/item/38b25b540a777e57564e009d.html
? (4)不要再回調中執行document.write
?原因:document close后,再document.write,就會覆蓋整個頁面

2//在寫JavaScript代碼時,可加入一個文本區域來進行調試
??? function debugInfo(info) {
????? var debugWindow = document.getElementById("debug_window");
????? debugWindow.value = debugWindow.value + "\r\n" + info;
?? }

3,
有時候,我們在調用 .js文件的時候,會發現。.js文件里的中文變成亂碼了,
其實只要在調用的時候加一個charset就行了
<script language="javascript" src="../jscript/Cjs.js" type="text/javascript" charset="gb2312"></script>

4,
function?b()
{
????i?
=?3;
}

function?a()
{
????i?
=?1;
????b();
????alert(
"i="+i);
}
a();
a()和b()里面的變量i都沒有使用var聲明,最終alert結果會是3!!!
和 shell 一樣的,局部中聲明了變量其實是全局的, 加了 var 才是私有的
來源:http://www.aygfsteel.com/vls/archive/2008/05/11/199808.html

5,table在后面添加加行或列,通用寫法insertRow(-1),insertCell(-1),這樣才能跨瀏覽器

6,native2ascii
??? 先用alert(escape("確定")) 的方式得到"%u786E%u5B9A",然后在
js中alert(unescape('%u786E%u5B9A'))即可。
??? 如果是從java中得到的"\u786E\u5B9A"
<script>
var str="\u786E\u5B9A";
str
=str.replace(/\\/,"%");
var a=unescape(str)
document.write(a);
</script>

7,在JavaScript中不要使用跟HTML的id一樣的變量名。否則IE會報I對象未定義的錯誤
8,var?fileName?=?"This?is?a?title".replace(/?/g,"_");??
9,parseInt("09")有問題,應該為parseInt("09",?10)
http://www.javaeye.com/topic/200401
10,執行focus()的時候,元素尚未可用。因此要延遲執行:
var?newInput?=?document.createElement("input");??
newInput.id?
=?"TheNewInput";??
document.body.appendChild(newInput);??
//在0.01秒之后調用匿名函數獲取焦點??
setTimeout(function(){??????document.getElementById('TheNewInput').focus();??
document.getElementById('TheNewInput').select();},?
10);??

11,
arguments.callee.length
<script>
function test(x,y,z)
{
alert('argu.length:'+arguments.length);//實參的長度4
alert('argu.callee.length:'+arguments.callee.length);//形參的長度3
return x+y+z;
}
test(1,2,3,4);
</script>

12,js的substr和substring不一樣
"aaaaa".substr(N1,N2)??? 從指定的位置(N1)截取指定長度(N2)的字符串;
"aaaaa".substring(N1,N2) 從指定的位置(N1)到指定的位置(N2)的字符串;
舉個例子:
alert("123456789".substr(2,5)) 它顯示的是 "34567"
alert("123456789".substring(2,5)) 則顯示的為 "345"

13,js的switch也可用字符串匹配,只要能用==的都可以
function ? test(cs){ ?
?? switch(cs){ ?
? case ? "a":alert("input ? a");break; ?
? case ? "b":alert("input ? b");break; ?
? case ? "c":alert("input ? c");break; ?
? default:alert("input ? other ? words");break; ?
? } ?
? } ?
? test("a");
14,在js中動態生成代碼
eval("var obj = document." + formName + "." + filedname + ";");

15,使用Javascript的eval生成json對象有個地方要注意:
var? myJSONtext="{a1:'黃夏柳',a2:'賈政經'}";
var myObject = eval('(' + myJSONtext + ')');//即要括起來,同時用兩副單引號
用下面的寫法不行var myObject=eval("(' + myJSONtext + ')");不知何故。

16,登錄后用window.open實現瀏覽器全屏
//window.open(document.location, '窗體名稱', 'fullscreen');//這句打開并去掉所有欄,連任務欄都蓋住
//window.open(document.location,'窗體名稱','fullscreen,scrollbars');//帶滾動條
window.open('url','maxwindow','toolbar=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=no,status=no');
opener=null;//沒有這句,關閉時有提示,ie5.5以上有效。
//如果是跳轉到一個iframe,就改為parent.opener=null
window.close();//關閉當前窗口

17,IE,FF下取Iframe window對象的方法

IE:document.frames("Iframe_ID");

FF: document.frames("Iframe_ID") : document.getElementById("ifr_1").contentWindow;

IE和FF都兼容的方法:var ifr = document.frames ? document.frames("ifr_1") : document.getElementById("ifr_1").contentWindow;

18,關于右下角彈出窗口:

?? 參看鳳凰網、天涯或CSDN的例子

19,鏈接的點擊,兩種方式:

<A href="#" onclick="log();">

<a href="javascript:log()">? 千萬不要寫target="_parent",這樣調的是父頁面的函數




leekiang 2008-03-12 21:10 發表評論
]]>
json筆記http://www.aygfsteel.com/leekiang/archive/2008/03/09/184776.htmlleekiangleekiangSat, 08 Mar 2008 17:56:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/03/09/184776.htmlhttp://www.aygfsteel.com/leekiang/comments/184776.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/03/09/184776.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/184776.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/184776.html1,json全稱JavaScript Object Notation(記法,表示法)
2,json格式非常適合那些具有一些屬性和值對的簡單對象.
3,json的數據格式:以"{"開始,以"}"結束,中間的屬性與值對以","分隔,屬性與值之間以":"分隔。屬性可以是:
? 簡單的字符串,例如 "hello"
? 數組,例如 [1,2,3,4]
? 數字
? true, false, 或 null
? 其他對象,或者對象中還有對象。
? 例如'{name:"tom",dept:"R&D",man:{name:"zhangsan",dept:"HR"}}';
4,ajax和json是絕配。ajax減少請求,json簡化服務器端的輸出。
5,可以在客戶端事先放好html模板,然后以不增一字不減一字、含金量極高的json去填充
6,json與xml相比,json獲得js的原生支持,json對象本身就是js對象,js操作json極其方便。
7,建議在server -> client單向使用,不用json-lib,在輸出時寫個幾十行的程序就可以把Java object輸出成json string,
畢竟js是json的舞臺
8,文本轉json對象,有兩種方式:
?? var resp ='{msgCt:"1",msgs:{from:"zhangsan",content:"hello"}}';
?? var jsonObj1 = eval('('+resp+')');//方式一
?? var func = new Function("return "+resp);
?? var jsonObj2 =func();//方式二
?? alert(jsonObj1.msgs.content);
9,懷疑js里的函數和java的類一樣,只有使用了才加載到內存中,沒有使用時跟不存在一個樣



leekiang 2008-03-09 01:56 發表評論
]]>
showModalDialog和window.open用法http://www.aygfsteel.com/leekiang/archive/2008/01/25/177714.htmlleekiangleekiangFri, 25 Jan 2008 03:29:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/01/25/177714.htmlhttp://www.aygfsteel.com/leekiang/comments/177714.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/01/25/177714.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/177714.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/177714.htmlvArguments--
可選參數,用來向對話框傳遞參數。傳遞的參數類型不限,包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
vArguments的類型不限制,對于字符串類型,最大為4096個字符。也可以傳遞對象。如果為this或window,則傳遞的是父頁面的引用
parent.htm
var?obj?=?new?Object();
obj.name
="51js";
window.showModalDialog(
"modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

modal.htm
var?obj?=?window.dialogArguments
alert(
"您傳遞的參數為:"?+?obj.name)


2,怎樣才讓在showModalDialog和showModelessDialog的超連接不彈出新窗口?
  在被打開的網頁里加上<base target="_self">
3,怎樣才刷新showModalDialog和showModelessDialog里的內容?
  在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能彈出菜單。這個只能依靠javascript了,以下是相關代碼:
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
  將filename.htm替換成網頁的名字然后將它放到你打開的網頁里,按F5就可以刷新了,注意,這個要配合<base target="_self">使用,不然你按下F5會彈出新窗口的。
在模態窗口的模態窗口中刷新父窗口,可用:
String js = "<script>"
??? ??? ??? ??? + "self.close();parent.window.dialogArguments.alert('成功!');"
??? ??? ??? ??? + "parent.window.dialogArguments.document.getElementById('reload').click();"
??? ??? ??? ??? + "</script>";
4、如何用javascript關掉showModalDialog(或showModelessDialog)打開的窗口。
  <input type="button" value="關閉" onclick="window.close()">
  也要配合<base target="_self">,不然會打開一個新的IE窗口,然后再關掉的。
5,window.open打開的窗口不產生滾動條,怎么辦?
? ? 修改body : <body scroll="yes">。 看起來是yes,以為就算沒有超出范圍也會有滾動條,而實際上IE會自動判斷,只有超出才會有滾動條,實際效果應該是scroll=auto.為什么會這樣?不深究了。

6,不能location.reload,而要用location.href=''

7,在模態對話框里顯示滾動條
?? 在body里加style="overflow: auto;" scroll="yes"


leekiang 2008-01-25 11:29 發表評論
]]>
js驗證http://www.aygfsteel.com/leekiang/archive/2008/01/03/172515.htmlleekiangleekiangThu, 03 Jan 2008 09:00:00 GMThttp://www.aygfsteel.com/leekiang/archive/2008/01/03/172515.htmlhttp://www.aygfsteel.com/leekiang/comments/172515.htmlhttp://www.aygfsteel.com/leekiang/archive/2008/01/03/172515.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/172515.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/172515.htmlvar re = /^\d+(?=\.{0,1}\d+$|$)/
//驗證浮點數
?????? var re2=/^(-?\d+)(\.\d+)?$/
???? re.test('0.21');
??? re.test('-0.21');
??? re2.test('-0.21');


leekiang 2008-01-03 17:00 發表評論
]]>
createElement方法在IE和Firefox下的差異(轉)http://www.aygfsteel.com/leekiang/archive/2007/11/14/160637.htmlleekiangleekiangWed, 14 Nov 2007 14:04:00 GMThttp://www.aygfsteel.com/leekiang/archive/2007/11/14/160637.htmlhttp://www.aygfsteel.com/leekiang/comments/160637.htmlhttp://www.aygfsteel.com/leekiang/archive/2007/11/14/160637.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/160637.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/160637.html

IE有3種方式都可以創建一個元素:

1 document.createElement("<input type=text>")
2 document.createElement("<input>")
3 document.createElement("input")

Firefox只支持一種方式:
document.createElement("input");document.setAttribute(name,value);

------------
注: 在一個節點下增加子節點 IE也比Firefox下的方式要多.

IE:??

1 node.insertBefore(Element)
2 node.insertAfter(Element)
3 node.appendChild(Element)

而Firefox僅支持 node.appendChild.

在IE里面,html元素如果可以作為容器,那么在document.createElement創建元素時是無法設置name屬性的,比如:div,span,font等等。
相反不可以做為容器的,在用document.createElement創建元素時可以設置控件的name屬性,比如:input,button,a,img等等



leekiang 2007-11-14 22:04 發表評論
]]>
html筆記http://www.aygfsteel.com/leekiang/archive/2007/10/30/156916.htmlleekiangleekiangTue, 30 Oct 2007 05:44:00 GMThttp://www.aygfsteel.com/leekiang/archive/2007/10/30/156916.htmlhttp://www.aygfsteel.com/leekiang/comments/156916.htmlhttp://www.aygfsteel.com/leekiang/archive/2007/10/30/156916.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/156916.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/156916.html1,css文件里的background里的圖片路徑是相對于該css文件的路徑
2,9pt=12px
3,要移動的對象的style中position屬性一定要指定為absolute或者relative,因為position屬性默認是static,在這種情況下,對象的left和top屬性會被CSS解釋器忽略。
??????http://www.aygfsteel.com/yoda/archive/2008/04/16/193461.html

????? 相對定位是"相對于"元素在文檔流中的初始位置,而絕對定位是"相對于"最近的已定位祖先元素,如果不存在已定位的祖先元素,那么是最初的包含塊(可能是html元素)。
????? http://www.ddcat.net/blog/archives/2006/08/121.html
4, 怎么讓checkbox與文字在同一水平線
??? 給checkbox定義vertical-align:middle;屬性?
5,跨不同編碼格式的應用傳遞數據時指定編碼方式的處理,見
??? 在IE下面指定表單編碼方式?
?? 20080512備注:此方法好像不穩定
6,在IE里一個漢字對應2個&nbsp ,在firefox卻不一樣,不知道如何兼容。
7,在頁面里寫樣式時,<style type="text/css">里的type必須有,否則不起作用
8,跨瀏覽器的table樣式定義
cellpadding="0" cellspacing="1" bgcolor="#cccccc"
#tabid td{//不要定義在tr上,否則不兼容
font-size:12px;
padding:2px 3px;
text-align:center;
vertical-align:middle;
background-color: #ffffff;
}

#tabid .table_th td{
background-color:#C2E6F5;
font-weight:bold;
}
9,? 與某QQ號對話,支持IE和Firefox
tencent://message/?uin=73035879
10,輕松玩轉花樣表單(轉)
???? 講了各種表單域的屬性說明和樣式控制。例如textarea的wrap能控制是否自動換行,輸入框如何實現信紙效果。
11,IE密碼框里模擬顯示*號
http://bbs.51js.com/thread-72067-1-1.html
12,讓alt和title換行的小技巧
在"&#"后面加值,ASCII碼回車:13,ASCII碼換行:10,只用&#10就行
13,居中問題
??? (1)div居中.
??? IE將text-align:center誤解為讓所有東西居中,而不只是文本.
??? 非IE,只需定義div的寬度,然后把水平空白邊設為auto????? margin:0 auto;
?? 把以上兩者都考慮進來,即可以做跨瀏覽器的水平居中.
?? 垂直居中比較麻煩,現在先寫死,以后再考慮如何通用
??? (2)圖片居中
???? 現在先把圖片放在一個居中的大小與圖片一樣的div中,通用的方案以后再考慮。
??? http://topic.csdn.net/u/20070114/20/0718aef7-ce18-490a-9be3-b8f765490c79.html?1700147196
??? http://www.websbook.com/htmlcssdiv/divzrhstpczjz_14033.html
??? (3)div中的文字垂直居中可以通過設置line-height解決?

14,css如何區分text還是button(IE6不支持樣式選擇器)
input
{
?border:expression(this.type=="text"?'1px solid #58D3E1':'');
}
15,td里如果只有英文不會折斷換行
辦法:<td?style="width:30px;word-wrap:break-word;word-break:break-all;">abcdabcdabcdabcdabcd</td>

16, 表單的reset方法,對于select元素有問題,不能復原。
?自己寫了一個代替默認的reset方法,但沒有考慮checkbox,radio
? function my_reset(){
??? form1.reset();
??? jQuery('#sel').val('${obj.sel}');
??? }

17,iframe如果要設置滾動條,就需要設置寬度或高度。
?? 訪問iframe里的元素: .contentWindow.document.getElementById('')

18

http://blog.163.com/pcboby@126/blog/static/3120140020085692040249/
http://kazesky.spaces.live.com/blog/cns!FC7C5F854D637274!322.entry


leekiang 2007-10-30 13:44 發表評論
]]>
firefox擴展http://www.aygfsteel.com/leekiang/archive/2007/10/23/155417.htmlleekiangleekiangTue, 23 Oct 2007 14:50:00 GMThttp://www.aygfsteel.com/leekiang/archive/2007/10/23/155417.htmlhttp://www.aygfsteel.com/leekiang/comments/155417.htmlhttp://www.aygfsteel.com/leekiang/archive/2007/10/23/155417.html#Feedback0http://www.aygfsteel.com/leekiang/comments/commentRss/155417.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/155417.html使用說明http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx
2, flashgot
3, Cache Status
?? 可在狀態欄查看和清除緩存(包括硬盤和內存上的),"附加軟件"-->"選項"可設置緩存最大值。
4, CacheViewer
?? 排列并允許搜索緩存文件,可與3互相補充。
5,Fasterfox 已棄用
6, Better Gmail
?? 還不熟悉
7,Google Toolbar for Firefox
?? 書簽很有用。
8,flashblock
?? 只有點擊后才會加載flash,不點擊只顯示一個占位
https://addons.mozilla.org/zh-CN/firefox/addon/433
9,livehttpheaders :類似httpwatch的抓包工具
http://livehttpheaders.mozdev.org/
? HttpFox 功能類似,貌似更好用
10,ServerSpy
??? 獲取某網站使用的web服務器類型
11,Leak Monitor
https://addons.mozilla.org/zh-CN/firefox/addon/2490
http://www.jb51.net/article/8145.htmLeak Monitor
12, ProxySwitch
??? 瀏覽器代理.另外還有FoxyProxy和switchproxy
http://www.proxy-offline-browser.com/ProxySwitch/
13,File Title
保存網頁時以網頁的title命名
https://addons.mozilla.org/en-US/firefox/addon/834
14,CoLT
提供一種很便捷的方式復制網頁上的鏈接,會給寫blog帶來一些方便。
https://addons.mozilla.org/en-US/firefox/addon/1812

15,searchstatus
顯示網站的Alexa排名,對一般人意義不大。
16,FireGestures
?可以讓您通過五個類型的鼠標手勢來執行各種各樣的命令:
* 鼠標手勢 (按住右鍵不放移動鼠標);
* 滾輪手勢 (按住右鍵不放滾動滾輪);
* 搖桿手勢 (按住右鍵不放左擊,反之亦然);
* 按鍵手勢 (按住Ctrl / Shift鍵不放使用鼠標手勢);
* 標簽滾輪手勢 (在標簽欄上滾動滾輪)。

17,Session Manager
可以保存session,還可以記錄多組tab頁

20,YSlow
需要先裝firebug
YSlow analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool. YSlow gives you:
??? * Performance report card
??? * HTTP/HTML summary
??? * List of components in the page
??? * Tools including JSLint
21,Firecookie用來管理Cookies.
22,firephp提供給PHP開發者使用,能夠管理PHP函數
23, Jiffy是由Scott Ruthfield 和 Whitepages.com團隊開發的一個細顆粒和靈活的網站性能追蹤,分析套件。
24,RainbowForFirebug brings Javascript syntax highlighting to Firebug.
25,LiveCoder lets you poke at the browser's DOM, just like Firebug. But LiveCoder also lets you examine Firebug itself. In addition to examining the DOM, you can alter it including changing functions. This is a great way to debug your code and test fixes more quickly.
26,Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html.這個能讓一個圖片懸浮在網頁上,并且可以設置透明度和微調坐標。這對某些人來說是好東西。

27,GreaseMonkey
?可以給別人的網站添加自定義代碼

28,IE Tab
?可以在ff中打開ie的tab
??
29,wmlbrowser
模擬WAP瀏覽查看wml頁面

30,ScrapBook
幫助您保存和整理收藏的網頁資料

31,RefControl
針對每個網站送出想要的 HTTP Referer.Burning注:對于Sina,Sohu,163,百度等BSP的Blog,只有這個才能在鮮果中順利的看到圖片,不至于讓他們提示“此圖片用來與***溝通”

32,Zotero
文獻管理工具
http://www.snakehsu.info/sigma_c/2007/10/firefox-zotero.html

33,Colorzilla
可以捕獲當前鼠標所指的頁面坐標位置和顏色,以及DOM路徑

34,MeasureIt
在Firefox中畫坐標和度量尺的小插件,用它測量HTML元素的寬高很是方便

35,Simple Mail
http://www.hellohuohu.com/2008/01/03/94/

36,ScribeFire
寫博客的.即以前的Performancing for Firefox
http://cajon.cnblogs.com/archive/2006/05/16/401423.html

37,ctrl-Tab 比showcase好用
?? 可預覽可切換tab,快捷鍵為ctrl+tab

38,Easy DragToGo
?? 可以定義拖拽文字鏈接圖片的行為
39,Quick TransLation
?? 翻譯擴展
40,QuickNote
?? 筆記擴展
41,新同文堂
?? 繁簡轉化
42,Show Location
?? 利用 IP 數據庫,在狀態欄顯示網頁服務器的位置
?? 說明見http://mozilla.sociz.com/viewthread.php?tid=18118

43,Tamper Data 篡改數據
TamperData is an extension to track and modify http/https requests,
  • security testing of Web based applications
  • tracking request/responses
http://zoukejian.blog.51cto.com/131276/62057

44,UnMHT 另存為mht文件

45,Text Link :雙擊url文本可打開

46,有了firebug,為何還要用web developer

47,Fiddler Switch
在前端開發界,有這么一個說法:Firefox + Firebug + Fiddler,稱之為 3F,拯救了前端的工作。Fiddler是個偉大的工具,默認在IE上工作得挺好,但在Firefox上需要設置代理,有點麻煩,Fiddler Switch就是Taobao UED空帷達人為了解決此問題而開發的。如果你還沒用過Fiddler,推薦閱讀下這篇文章:如何直接調試線上頁面的JavaScript和CSS
Firefox非主流開發擴展推薦
如何直接調試線上頁面的JavaScript和CSS

48,autopager

49,codeburner
CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

50,tab counter
51, cssviewer
52,CustomizeGoogle
?is a Firefox extension that enhances Google search results by adding extra information (like links to Yahoo, Ask.com, MSN etc) and removing unwanted information (like ads and spam).
53,downthemall
54,google reader watcher
55,google 筆記本
56,image zoom
57,NoScript
58,PDF Download
59,Prism is a simple XULRunner based browser that hosts web applications without the normal web browser user interface. Prism is based on a concept called Site Specific Browsers (SSB)
60,reminderfox
?? 顯示和管理備忘和計劃



修改舊擴展以支持ff3.0.1:改xpi為zip,然后把install.rdf 文件拖出,找到 em:maxVersion 標簽,把值改為 3.0.1 ,再放回去,重新改后綴為xpi.
http://www.awflasher.com/blog/archives/750
http://www.hualian.net/
http://www.softwareishard.com/blog/firebug/list-of-firebug-extensions/
實戰 Firefox 擴展開發


leekiang 2007-10-23 22:50 發表評論
]]>
js操作tablehttp://www.aygfsteel.com/leekiang/archive/2007/10/19/154253.htmlleekiangleekiangFri, 19 Oct 2007 08:28:00 GMThttp://www.aygfsteel.com/leekiang/archive/2007/10/19/154253.htmlhttp://www.aygfsteel.com/leekiang/comments/154253.htmlhttp://www.aygfsteel.com/leekiang/archive/2007/10/19/154253.html#Feedback3http://www.aygfsteel.com/leekiang/comments/commentRss/154253.htmlhttp://www.aygfsteel.com/leekiang/services/trackbacks/154253.htmlvar x=document.getElementById('myTable').rows;
    
var y=x[0].cells;
    y[
0].innerHTML="NEW CONTENT";

 var x=document.getElementById('myTable').insertRow(2);
    
var y=x.insertCell(0);
    
var z=x.insertCell(1);
    y.innerHTML
="NEW CELL1";
    z.innerHTML
="NEW CELL2";

見www.java2s.com


leekiang 2007-10-19 16:28 發表評論
]]>
主站蜘蛛池模板: 淳化县| 菏泽市| 上杭县| 惠东县| 宜丰县| 黑河市| 滨海县| 景宁| 宝坻区| 武安市| 雷波县| 明水县| 鹿邑县| 同德县| 高阳县| 桃江县| 开封市| 自贡市| 理塘县| 嘉黎县| 金堂县| 红原县| 武穴市| 三明市| 农安县| 宁都县| 南和县| 河东区| 紫阳县| 天峨县| 东丰县| 咸阳市| 兴和县| 石首市| 辉南县| 卢氏县| 海原县| 平湖市| 灌阳县| 崇州市| 平山县|