歡迎使用RSS訂閱本Blog

欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

FireFox與IE瀏覽器在web開發(fā)上的一些區(qū)別

系統(tǒng) 1812 0
<!-- Feedsky FEED發(fā)布代碼開始 --> 歡迎使用RSS訂閱本Blog <!-- FEED自動發(fā)現(xiàn)標(biāo)記開始 --> <link title="RSS 2.0" type="application/rss+xml" rel="alternate"> <!-- FEED自動發(fā)現(xiàn)標(biāo)記結(jié)束 --> Blog 訂閱
<!--Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--Google 468*60橫幅廣告結(jié)束--><!--新Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創(chuàng)建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468*60橫幅廣告結(jié)束-->

開發(fā)準(zhǔn)備工作

相關(guān)有價值的網(wǎng)站
中文firefox開發(fā)論壇地址 http://www.firefox.net.cn/newforum
討論IE與Netscape區(qū)別的 http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/
http://www.w3schools.com/

firefox開發(fā)工具
javascript控制臺(firefox工具中)
dominspector(forefox工具中，需要安裝的時候選擇自定義安裝-開發(fā)工具)
http://www.hacksrus.com/~ginda/venkman/

以下所有IE指IE6.0
驗證是否是IE瀏覽器(來自于googlejs)
  1. var agt=navigator.userAgent.toLowerCase();
  2. var is_ie=(agt.indexOf( "msie" )!=-1&&document.all);
正式開始

事件委托方法
IE
  1. document.body.onload=inject; //Functioninject()在這之前已被實現(xiàn)
firefox
  1. document.body.onload=inject();
有人說標(biāo)準(zhǔn)是：
  1. document.body.onload= new Function( 'inject()' );
在firefox無法取得event.srcElement
通過其他方式傳遞對象
  1. if (isIE)
  2. thistable.attachEvent( "onmousedown" ,OnClickChangeTdBackColor);
  3. //thistable.onmousedown=OnClickChangeTdBackColor;
  4. else //dealfirefox
  5. {
  6. for ( var i=0;i<thistable.rows.length;i++)
  7. {
  8. var rowObj=thistable.rows[i];
  9. for ( var j=0;j<rowObj.cells.length;j++)
  10. {
  11. var cellObj=rowObj.cells[j];
  12. cellObj.setAttribute( "onmousedown" , "OnClickChangeTdBackColor(this)" );
  13. }
  14. //alert(rowObj.cells[0].tagName);
  15. }
  16. }
這是來自 http://blog.joycode.com/lostinet/archive/2005/02/27/44999.aspx
在FireFox下編寫事件處理函數(shù)是很麻煩的事.
因為FireFox并沒有window.event.如果要得到event對象,就必須要聲明時間處理函數(shù)的第一個參數(shù)為event.

所以為了兼容IE與FireFox,一般的事件處理方法為:
  1. btn.onclick=handle_btn_click;
  2. function handle_btn_click(evt)
  3. {
  4. if (evt== null )evt=window.event; //IE
  5. //處理事件.
  6. }
對于簡單的程序,這不算麻煩.

但對于一些復(fù)雜的程序,某寫函數(shù)根本就不是直接與事件掛鉤的.如果要把event傳進(jìn)該參數(shù),那么所有的方法都要把event傳來傳去..這簡直就是噩夢.

下面介紹一個解決這個麻煩事的方法,與原理.

JScript中，函數(shù)的調(diào)用是有一個func.caller這個屬性的.
例如
  1. function A()
  2. {
  3. B();
  4. }
  5. function B()
  6. {
  7. alert(B.caller);
  8. }
如果B被A調(diào)用,那么B.caller就是A

另外,函數(shù)有一個arguments屬性.這個屬性可以遍歷函數(shù)當(dāng)前執(zhí)行的參數(shù):
  1. function myalert()
  2. {
  3. var arr=[];
  4. for ( var i=0;i
  5. arr[i]=myalert.arguments[i];
  6. alert(arr.join( "-" ));
  7. }
  8. alert( "hello" , "world" ,1,2,3)
就能顯示hello-world-1-2-3
(arguments的個數(shù)與調(diào)用方有關(guān),而與函數(shù)的參數(shù)定義沒有任何關(guān)系)

根據(jù)這兩個屬性,我們可以得到第一個函數(shù)的event對象:
  1. btn.onclick=handle_click;
  2. function handle_click()
  3. {
  4. showcontent();
  5. }
  6. function showcontent()
  7. {
  8. var evt=SearchEvent();
  9. if (evt&&evt.shiftKey) //如果是基于事件的調(diào)用,并且shift被按下
  10. window.open(global_helpurl);
  11. else
  12. location.href=global_helpurl;
  13. }
  14. function SearchEvent()
  15. {
  16. func=SearchEvent.caller;
  17. while (func!= null )
  18. {
  19. var arg0=func.arguments[0];
  20. if (arg0)
  21. {
  22. if (arg0.constructor==Event) //如果就是event對象
  23. return arg0;
  24. }
  25. func=func.caller;
  26. }
  27. return null ;
  28. }
這個例子使用了SearchEvent來搜索event對象.其中'Event'是FireFox的event.constructor.
在該例子運行時,
SearchEvent.caller就是showcontent,但是showcontent.arguments[0]是空.所以func=func.caller時,func變?yōu)閔andle_click.
handle_click被FireFox調(diào)用,雖然沒有定義參數(shù),但是被調(diào)用時,第一個參數(shù)就是event,所以handle_click.arguments[0]就是event!
針對上面的知識,我們可以結(jié)合prototype.__defineGetter__來實現(xiàn)window.event在FireFox下的實現(xiàn):

下面給出一個簡單的代碼..有興趣的可以補(bǔ)充
  1. if (window.addEventListener)
  2. {
  3. FixPrototypeForGecko();
  4. }
  5. function FixPrototypeForGecko()
  6. {
  7. HTMLElement.prototype.__defineGetter__( "runtimeStyle" ,element_prototype_get_runtimeStyle);
  8. window.constructor.prototype.__defineGetter__( "event" ,window_prototype_get_event);
  9. Event.prototype.__defineGetter__( "srcElement" ,event_prototype_get_srcElement);
  10. }
  11. function element_prototype_get_runtimeStyle()
  12. {
  13. //returnstyleinstead...
  14. return this .style;
  15. }
  16. function window_prototype_get_event()
  17. {
  18. return SearchEvent();
  19. }
  20. function event_prototype_get_srcElement()
  21. {
  22. return this .target;
  23. }
  24. function SearchEvent()
  25. {
  26. //IE
  27. if (document.all)
  28. return window.event;

  30. func=SearchEvent.caller;
  31. while (func!= null )
  32. {
  33. var arg0=func.arguments[0];
  34. if (arg0)
  35. {
  36. if (arg0.constructor==Event)
  37. return arg0;
  38. }
  39. func=func.caller;
  40. }
  41. return null ;
  42. }
  43. </body></html>
firefox與IE(parentElement)的父元素的區(qū)別
因為firefox與IE都支持DOM,因此使用obj.parentNode是不錯選擇.
IE
obj.parentElement
firefox
obj.parentNode

asp.net中UniqueID和clientID的區(qū)別
要使用document.getElementById方法，則使用控件的時候要這樣來作
"javascript:OnSelectSubCatalog(/""+subCatalog_drp.ClientID+"/","+catalogIDX+","+catID.ToString()+")";

調(diào)用Select元素的區(qū)別
移出一個選擇項
________________________________________

IE：sel.options.remove(sel.selectedIndex);
firefox：
增加選擇項：
________________________________________
IE:subCatalog.add(newOption(text,value));
firefox:
varopnObj=document.createElement("OPTION");
//opnObj.id=optionID;
opnObj.value=value;
opnObj.text=text;
subCatalog.appendChild(opnObj);
cursor:handVScursor:pointer
firefox不支持hand，但ie支持pointer，所以建議統(tǒng)一使用pointer。
作者： zhaoyang3402@126.com(Tony)

<!--新Google 468x15 橫鏈接單元開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 橫鏈接單元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468x15 橫鏈接單元結(jié)束-->

<!-- Google Reader shared發(fā)布代碼開始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p%28%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D%29%3Bnew%20GRC"></script><!-- Google Reader shared發(fā)布代碼結(jié)束 -->

FireFox與IE瀏覽器在web開發(fā)上的一些區(qū)別


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號聯(lián)系： 360901061

您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對您有幫助就好】元

您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧，站長會非常 感謝您的哦！！！

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板： 亚洲国产日产韩国欧美综合 | 亚洲性在线 | free国产hd老熟bbw | 国产精品成人av | 国产精品毛片久久久久久 | 久久免费看少妇高潮A片JA小说 | 日韩在线视屏 | 欧美在线国产 | 色视频一区 | 狠狠色丁香婷婷久久 | 欧美在线中文字幕 | 成人午夜动漫在线观看 | 日产一卡二卡乱码免费 | a级黄色片视频 | 一区二区三区日韩精品 | 天天做天天爱天天综合网 | 久久香蕉国产线熟妇人妻 | 精品视频入口 | 成年免费视频网站入口 | 奇米第四色网站 | 久久影视一区 | 久草免费在线视频 | 五月色综合 | 成人黄色一级视频 | 亚洲欧美国产另类 | 国产午夜永久福利视频在线观看 | 精品中文字幕一区 | 欧美在线精品一区二区在线观看 | 欧美激情专区 | 91精品国产日韩91久久久久久 | 天天摸日日碰天天看免费 | 成人久久精品一区二区三区 | 国产黄色在线观看 | 一区二区三区www | 亚洲欧美综合久久 | 亚洲成av | 九九av| 精品久久久久久久久久久久久久 | 日韩在线视频观看 | 91精品久久久久久久久久 | 亚洲成人黄色在线 |