IE6和IE7之间的浏览器兼容性

时间:2009-04-27 11:22:52

标签: html ajax internet-explorer-6 internet-explorer-7 cross-browser

我正在开发一个项目,我需要根据我使用AJAX点击的标志来更改语言。它在IE7中工作正常,但是当我在IE6中运行它时会显示错误。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script language="javascript">   
google.load("language", "1"); 

function fnTrans(strTransText,strTransField, strTransFLang, strTransTLang)
{
    google.language.translate(strTransText, strTransFLang, strTransTLang, function(result) {
      var strcontainer = document.getElementById(strTransField);
      strcontainer.innerHTML = result.translation ;  
      });
}

function initialize(strToTxtBox, strFromTxtBox) {
    var x = window.location.toString();
    var strLang = x.substring(x.indexOf("=")+1);
    if((x.indexOf("="))==-1) return;
    strFLang = strLang.substring(0,2)
    strTLang = strLang.substring(strLang.indexOf("-")+1);
    var strText = document.getElementById(strFromTxtBox).innerHTML;

    if(strFLang != 'en')
        fnTrans(strText,strFromTxtBox, 'en',strFLang)

    fnTrans(strText,strToTxtBox, strFLang,strTLang) 
}

function fnhi()
{
    var label=document.getElementsByTagName("label");
    var count=label.length;
    var x = window.location.toString();
    var strLang = x.substring(x.indexOf("=")+1);
    if((x.indexOf("="))==-1)
         return;
    for(var i=0;i<count;i++)
          {
        initialize(label[i].id,label[i].id);
    }
document.getElementById("curlang").value=strTLang;
}

function fnClick(lang)
{
    if(lang=="") return;
    var curlang=document.getElementById("curlang").value;
    if(lang==curlang) return;
    window.location='language.php?strLang=' + curlang+'-'+lang;
}

    </script>
    </head>
    <body onload="fnhi()">
    <input type="hidden" id="curlang" value="en" size="3">
    <img src= "langauage.gif" use ="#map">
    <map name="Map">
        <area shape="rect" alt="Arabic" value="ar" coords="36,6,62,19" href="#" onclick="fnClick(this.value);">
        <area shape="rect" alt="Chinese" value="zh" coords="66,6,90,20" href="#" onclick="fnClick(this.value);">
        <area shape="rect" alt="German" value="de" coords="95,6,121,21" href="#" onclick="fnClick(this.value);">
    </map>

    </body>
</html>

2 个答案:

答案 0 :(得分:0)

目前尚不清楚问题是什么。 所以我猜。 如果你想在javascript浏览器中做某事,那么 您可以询问已从哪个浏览器发送请求。

<html>
<body>

<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);

document.write("Browser name: "+ browser);
document.write("<br />");
document.write("Browser version: "+ version);
</script>

</body>
</html>

然后添加“if”语句,您可以“自定义”依赖于浏览器的行为。 无论如何我不建议做这个,因为你必须维护你的代码 所有的浏览器。此外,您还必须测试不同的浏览器和浏览器版本。

一个可能的解决方案是使用一些javascript库,它们是crossbrowser 比如谷歌的GWT。

路易斯

答案 1 :(得分:0)