第2节. 如何使你编写的DHTML兼容IE和NS浏览器
　　由于不同的浏览器中，CSS里的元素和元素的性质名字有所不同, 我们应该知道如何让你的程序在两种主要的浏览器 NS4 和 IE4 中都正常工作。 
浏览器检测:
　　第一种方法：

<SCRIPT LANGUAGE="JavaScript">
<!--
    var brow="";
    BrowVer = parseInt(navigator.appVersion);
    BrowName = navigator.appName;
    if (BrowName.indexOf("Microsoft Internet Explorer ") != -1)
        brow="ie";
    if (BrowName.indexOf("Netscape") != -1)
        brow="ns";    
// -->
</SCRIPT>

这样假如你要判断浏览器是否是IE 4.0以上版本，如下即可： 
if ((BrowVer > 4) && (brow="ie"))
    do something

以上是从根本上实现对IE和NS的版本判定，还有一种方法虽然比较简单但足以区别 NS4 和 IE4.

　　第二种方法：

  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false

document.layers 是 Netscape 4 专有的， 而 document.all 却是 IE 4 专有的. 如果 document.layers存在, 就让 ns4 等于 ture. 如果document.all存在， 就让 ie4 等于 true. 这样，判定浏览器只需检查这两个变量就可以了。

  function check() {
    if (ns4) {
      // do something in Netscape Navigator 4.0
    }
    if (ie4) {
      // do something in Internet Explorer 4.0
    }
  }

使用 JavaScript 和 CSS-P:
假如我们有一个如下的 DIV tag： 

<DIV ID="blockDiv" STYLE="position:absolute; left:200; top:100">
<IMG SRC="xxx.jpg" WIDTH=xx HEIGHT=xx BORDER=0>
</DIV>

DIV 的名字是任意起的.可以通过 JavaScript 脚本来控制它. 下面就是具体方法： 

对 Netscape 来说， 得到 CSS-P 性质 (property) 的方法如下: 

  document.blockDiv.propertyName

或者是 
  document.layers["blockDiv"].propertyName

而对于 Internet Explore 来说， 要用 

  blockDiv.style.propertyName

或者是 
  document.all["blockDiv"].style.propertyName

propertyName 可以是任何一个 DIV 可以用的 CSS－P 的性质, 比如 left, top, visibility, zindex, width。 

一个比较好的使得你的程序通用于 Netscape 和 IE 的方法是设立一个变量. 

  if (ns4) block = document.blockDiv
  if (ie4) block = blockDiv.style

　　有了block这个指针变量, 我们就可以很方便地得到或改变 CSS-P 的性质. 以下一行代码很容易地得到一个名字为 "blockDiv" 的 Div tag 的横向左边坐标值： 

  block.left

 


欢迎咨询/