javascript浏览器几个兼容问题

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lovingprince/article/details/8130328

1.      window.event 

现象:

document.body.οnclick=function(ev){if(ev)console.log(1); else console.log(2); }

IE8以下不支持这种写法。

document.body.οnclick=function(){if(window.event)console.log(1); else console.log(2); }

FF 不支持这种写法。

IE9、chrome 同时支持两种window.event和ev两种写法。

 

解决方案:

 

document.body.οnclick=function(ev){

ev=ev?ev:window.event;

if(ev) console.log(1); elseconsole.log(2);

}

2.     innerText和textContent

现象:

InnerText和textContext

IE9,chrome支持两者

IE8支持innerText

FF 支持textContent

 

解决方案:

 

 text=e.textContent|e.innerText

 

3.     innerHTML

现象:

     在IE中使用如下语句:table.innerHTML = content; 动态修改table的HTML内容时,出现“未知运行错误”。错误原因:     在IE浏览器中,table的innerHTML属性是只读的,不能更改。类似的还有THEAD、TFOOT和TR(唯一例外的是td)。(FireFox下是可以正常使用的)

解决方案:

     1. 使用table的对象模型或者DOM方法动态修改table,如:insertRow、insertCell、createTfoot、createThead或apendChild等

    2. 定位到table的td,让后用td的innerHTML动态操作。

4.     li 与span

现象:

<ul><spanid="test"><li >fdfd</li></span></ul>

  IE9下document.getElementById('test').innerHTML 输出:<li>fdfd

 Chrome和FF表现正常。

解决方案:

可以将span修改成div.


展开阅读全文

浏览器兼容问题~

01-08

页面IE浏览器访问可以正常显示表格内数据,firefox也可以显示表格但页面有部分错位,谷歌浏览器Chrome完全不能显示表格内容,请高手指点一下~~rnrn代码如下:rnrn[code=JScript]rn// JavaScript Documentrnvar xmlDoc;rnfunction loadComputerXML()rn //document.getElementById ('List1').innerHTML ='数据导入中。。。。。。';rn if (window.ActiveXObject)rn rn xmlDoc=new ActiveXObject("Microsoft.XMLDOM");rn xmlDoc.async=false;rn //xmlDoc.load("http://trial.ppclass.net/management/get_service_data/");rn xmlDoc.load("/management/get_service_data");rn getmessage();rn rn else if (document.implementation && document.implementation.createDocument)rn rn xmlDoc=document.implementation.createDocument("","",null);rn xmlDoc.load("/management/get_service_data");rn xmlDoc.onload=getmessage;rn rn elsern rn alert('Your browser cannot handle this script');rn rn// if(window.XMLHttpRequest) rn// xmlDoc = new XMLHttpRequest(); rn// else if(window.ActiveXObject) rn// xmlDoc = new ActiveXObject("Microsoft.XMLHTTP"); rn// else rn// return; rn// rn// xmlDoc.onreadystatechange = function() rn// if(xmlDoc.readyState == 4) rn// //updateObj("xmlObj", xmlObj.responseXML.getElementsByTagName("Class")[0].childNodes[1].text); rn// getmessage();rn// rn// rn// //xmlDoc.open ("GET", "http://trial.ppclass.net/management/get_service_data/", true); rn// xmlDoc.open ("GET", "data/service_data.xm ", true); rn// xmlDoc.send ("")rn rn function getmessage()rn //var results = xmlDoc.responseXML;rn dataArray = xmlDoc.getElementsByTagName('Channel'); rn var dataArrayLen = dataArray.length; rn //alert(dataArrayLen);rn var datastr="";rn datastr=''+dataArray[i].childNodes[0].text+'';rn datastr+=' ';rn datastr+=' ChannelUID ChannelName Screen_Codec Video_Codec Tracker Mux_Server ClassroomID 内部测试用 有对应物理教室 ChannelUID';rn datastr+=' BitRate 观众数目 PushTimes Max_Seed_Peer Current_Seed_Peer UpLimit_Output_BandWidth Current_Output_BandWidth';rn datastr+=' ';rn for(var i=0;i '+dataArray[i].childNodes[1].text+'';rn datastr+=' '+dataArray[i].childNodes[2].text+'';rn datastr+=' '+dataArray[i].childNodes[3].text+'';rn datastr+=' '+dataArray[i].childNodes[4].text+'';rn datastr+=' '+dataArray[i].childNodes[5].text+'';rn datastr+=' '+dataArray[i].childNodes[6].text+'';rn datastr+=' '+dataArray[i].childNodes[7].text+'';rn datastr+=' '+dataArray[i].childNodes[8].text+'';rn datastr+=' '+dataArray[i].childNodes[0].text+'';rn datastr+=' '+dataArray[i].childNodes[9].text+'';rn datastr+=' '+dataArray[i].childNodes[10].text+'';rn datastr+=' '+dataArray[i].childNodes[11].text+'';rn datastr+=' '+dataArray[i].childNodes[12].text+'';rn datastr+=' '+dataArray[i].childNodes[13].text+'';rn datastr+=' '+dataArray[i].childNodes[14].text+'';rn datastr+=' '+dataArray[i].childNodes[15].text+'';rn datastr+='';rn rn datastr+='';rn document.getElementById('demo').innerHTML=datastr;rn rn /*function ChangbgColor(id,num,arrlen)rn rn for(var i=0;i 论坛

没有更多推荐了,返回首页