利用javascript判断浏览器是否已经安装ActiveX控件和是否禁止运行ActiveX控件

从微软给IE打上SP2以后，当IE在打开一些含有ActiveX控件的网页是，不再像以前那样，弹出提示框，让用户选择是否安装控件；现在默认情况下给隐藏起来，普通用户根本不知道是怎么回事。公司产品同样也遇到这样的问题，唯一的办法就是将控件做成一个exe文件，供用户下载手动安装注册；这样就需要做一个检测，检测要是用户没有安装控件的话就提示用户用户下载安装，要是安装了就直接转到相关页面。想了很多办法，最后找到一种比较合理的解决方式。由于我们现在经常使用的ajax技术，它实际上就是一种com组件，通过接口实现发送请求和获取数据，那么我们要使用ajax，就必定要创建这样一个 com组件，所以我们可以从这里入手来解决检测普通控件是否被拦截的问题。

   javascript创建ActiveX控件方式如下：

function DetectActiveX()
 {
    try
    {
       var comActiveX = new ActiveXObject(控件名称);  
    }
    catch(e)
    {
       return false;  
    }
    return true;
 }

    只要控件已经安装，那么创建肯定会成功（如果IE设置为禁用ActiveX则会失败），如果控件没有安装则会失败。这是一种简单的检测方式。那么控件名称怎么知道呢？大家在写一个com组件的时候，都有一个对应的CLSID。打开自己的注册表（自己系统中已经安装了控件），在HKEY_CLASSESS_ROOT中查找，输入控件对应的CLSID，会在该目录下的一个叫CLSID的目录中找到对应控件的注册信息，打开该节点，其中有一项是ProgID，其对应的值就是创建该控件时所要用的名称，这样你就可以方便创建和检测你自己所设计的控件了。

       由于IE不允许javascript访问系统功能，所以我们不能够对IE的相关设置做一个直接的访问，那么根据我们上面的检测试试，我们可以轻松的判定IE是否禁止运行ActiveX控件，这也是非常有用的一点，因为很多提示我们可能要提示用户由于什么什么原因，而导致不能使用某项ActiveX控件的功能。那么我们如何来进行判断呢，还记得我刚开始提到的ajax这个东西吧，这个东西不仅能带来更好的用户交互功能，同时也能够用在我们检测浏览器是否禁止运行ActiveX 控件目的上来。因为ajax是由相关的com组件支持，不管是IE，Firefox，Netscape，Opera等其他浏览器，都有相应的实现，因为了是浏览器的标准。所以我们只要写一个通用的，支持各种浏览器创建ajax 所要用到的xmlhttp对象即可，如果能创建成功，那么证明IE一切OK，如果不成功则给出提示，其检测函数相信大家已经再熟悉不过了，只不过我们现在的目的不一样了，呵呵。

function DisActiveX()
   {
      //xmlhttp对象
      var kXmlHttp = null;   
      try
      {
         //非微软IE支持的xmlhttp对象
        if (typeof XMLHttpRequest != "undefined")
        {
           kXmlHttp = new XMLHttpRequest();
           return true;
        }    
      }
      catch(e)
      {  }
      //微软IE支持的xmlhttp对象
      var aVersionhs = ["MSXML2.XMLHttp.5.0",
          "MSXML2.XMLHttp.4.0",
          "MSXML2.XMLHttp.3.0",
          "MSXML2.XMLHttp",
          "Microsoft.XMLHttp"];
      //IE创建方式
      for (var i = 0; i < aVersionhs.length; i++)
      {     
         try
        {
           kXmlHttp = new ActiveXObject(aVersionhs[i]);
           return true;
        }
       catch(e)
        { }     
      }
    return false;
   }

   以上是在工作中的一些小经验，感觉挺实用的，和大家分享一下，我也是菜鸟一个，写不出来技术含量高的文章，但和大家分享便是一种快乐...

  最近做的一个项目中运用 xml 数据岛技术，所以把数据岛方面的知识总结一下。

  XML 数据岛 （ data islands ）就是被 html 页面引用或者包含的 xml 数据，是从 IE5 开始引入的一项技术。可以通过 xml 标签很轻松将数据岛插入到 html 文档中。那么怎么访问 xml 数据岛的数据呢，很简单，通过 xml 的 id 。在页面中的数据岛和其他的 xml 数据一样，可以通过标准的dom 方法来进行访问。

   数据岛的优点是可以很容易的将 xml 中的数据和 html 元素进行绑定，免去了手工把数据填充到 html 中的麻烦。修改数据岛中的数据，页面上与之绑定的html元素的值也随之改变。 OK ，先来看个数据岛之 Hello World 版，

  数据岛其实就是一串 xml ，必须要用 xml 标签围起来，示例如下：

<xml id= "island" >

<root>

   <p1>
    <name> magicdoom </name>

    <age> 24 </age>

    <email> magicdoom@gmail.com </email>

   </p1> 
</root>

</xml>

数据岛有两种定义方式，一种是直接将上述 xml 嵌入到 html 页面中，另一种是见 xml 数据保存在单独的 xml 文件中，在页面只需嵌入 <xml id= "island" src= "xxx.xml" ></xml>

其中的 src 属性值为保存 xml 数据的那个文件的位置。

   如何将上面定义好的 xml 数据岛绑定到 html 控件上呢？答案是通过 datasrc ， datafld 属性，下面是一个将 xml 数据岛绑定到 html 控件上的示例：

<table width= "100%" datasrc= "#island" >

<thead>

      <tr>

            <th> Name </th>

            <th> Age </th>

            <th> Email </th>

      </tr>

</thead>

<tbody>

      <tr>

            <td align= "center" ><span  datafld= "name" ></span></td>

            <td align= "center" ><span datafld= "age" ></span></td>

            <td align= "center" ><span datafld= "email" ></span></td>

       </tr>

</tbody>

</table>

例中 table 的 datasrc 属性的 value 为 xml 数据岛中的定义的 id ，注意必须要在前头加上 # 。

表格中的 datafld 属性对应于 xml 中的元素的名称。

将上述数据岛和 html 代码保存到一个 html 文件中，在 IE 中打开，可以看到结果如下：

下面我们来看看在 javascript 中怎样通过DOM访问数据岛中的数据

xmldoc = island;     // 取数据岛

var rootElement = xmldoc.documentElement.firstChild;  // 取根元素

// 实现打印出数据岛中第一个元素的值

  if (rootElement.hasChildNodes())

  alert (rootElement.firstChild.text) ;

// 创建一个新的元素，添加到数据岛中

var test = xmldoc.createElement( 'test' );

  var testTxt = xmldoc.createTextNode( "This is a test!" );

  test.appendChild(testTxt);

  rootElement.appendChild(test);

  alert (rootElement.lastChild.text) ;

// 删除数据岛中的一个元素

rootElement.removeChild(rootElement.lastChild) ;

// 修改数据岛中的一个元素的值

rootElement.firstChild.text= "new value" ;

//查找xml元素 使用getElementsByTagName返回一个element的数组
rootElement.getElementsByTagName("name")(0).text 

//测试数据岛绑定的效果
在页面中定义<button  onclick="testDSO()">testDSO</button>
function  testDSO()
{
 rootElement.getElementsByTagName("name")(0).text="modefied name";
}
//点击按钮后就会发现页面上的Name的值也随之改变
 

     XML 数据岛的应用很容易和其他的技术进行结合。我当前做的一个项目中,就是和 HTC 以及 XmlHttp 技术进行结合。 htc 做了一些功能强大的控件(比如Tree非常好用)，底层通过XmlHttp 与后台的服务器进行交互，可以达到无刷新提交页面。前台通过js来操纵页面中的数据岛和发送数据到后台的java类，项目的 框架支持在js调用后台 java 类的方法，有点类似于 DWR 。后台的 java 类返回 XML 数据到前台的 js ， js 再将xml数据注入到页面的数据岛中。
   项目采用的框架是国内的一家公司的商业产品， 通过几个月的实际使用，虽然还有一些问题，但是这个框架确实是大大提高了开发效率。

最后总结一下 xml 数据岛的最大优点是可以和html元素进行绑定，修改数据岛中的数据，与之绑定的html元素的值也会随之改变。但是也要看到它的缺点：

1.只能在 IE 下运行，firefox等其他的浏览器下无法使用。

2.安全性， xml 数据岛可以通过查看 html 的源代码获取。

另：在 DWR 中，提供有一些便捷的 js 函数，可以将后台 java 方法传回的 json 格式的 js 对象的属性值，赋给 html 页面中的 html 元素， dwr 会根据 html 元素的 id 进行自动赋值。这种方式也蛮简单方便的。

• Missing mapping for a field （少字段）
• References to nonexistent tables or columns （不存在标和列）
• Database constraints that prevent objects from being inserted, updated, or deleted （数据库约束不正确）
• Queries that are invalid or that return the wrong result （查询返回错误的结果）
• Incorrect repository implementation （错误的数据库实现）

     其中有些bug在ORM Framwork启动时就可以发现，如配置文件的问题。还有一些是只能通过测试应用程序才能发现，如错误的配置了一个collection feild 只有在执行查询操作时，才能被发现。

     快速测试的处理就是采用多种测试方法，测试持久层每个独立部分。

       The tests that run against the database are:

• Test that create, update, and delete persistent objects
• Tests for the queries that are used for the repositories
• Tests that verify that the database schema matches the object/relational mapping