js创建调用ocx对象的几种方法，检测ocx是否可用

最新推荐文章于 2018-11-15 12:42:18 发布

weixin_34128501

最新推荐文章于 2018-11-15 12:42:18 发布

阅读量243

点赞数

文章标签： javascript ViewUI

1:创建ActiveX对象
在web中使用ActiveX组件有两种方法，一是如下
<HTML>
<HEAD>
<TITLE>rep_print_medcan.CAB</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Rep_Print_MedCan21"
CLASSID="CLSID:C0558D51-6AFD-11D5-BF5C-005070024001"
CODEBASE="rep_print_medcan.CAB#version=1,0,0,25">
</OBJECT>
</BODY>
</HTML>
OBJECT标签中，通过ID指点了对象的ID号，javascript可以使用该ID号来引用该对象，而classid用于标识这个组件，每个ActiveX组件都有唯一一个用于表示他的ID号。而codebase指定的程序下载到本地(在系统目录的“Downloaded Program Files”子目录下)，然后调用组件程序的自注册入口函数注册到当前系统中，以后的创建都在本地进行，不再涉及codebase属性
使用以上的方法来创建ActiveX对象，有些参数设置需要手抖的填写，麻烦，

2、另外可以使用javascript的ActiveXObject对象来创建，一般过程是var act=new ActiveXObject（proid），proid为该ActiveX的标识号，是Classid的另一种表示方法

其中proid指在ocxctrl.cpp文件下的：

// 初始化类工厂和 guid

IMPLEMENT_OLECREATE_EX(CtestOCX2Ctrl, "TESTOCX2.testOCX2Ctrl.1",
0xe0d5a597, 0x336b, 0x4829, 0x84, 0xe0, 0x77, 0x43, 0x91, 0xc8, 0xe8, 0xdb)

红色表示部分。

3、

         var _tempPlayer = null;
        _tempPlayer = window.document.createElement("object");
        _tempPlayer.classid = "clsid:358DE739-F39F-4832-9458-80FDE806F845";
        _tempPlayer.id = "realtime_player"+i; // 唯一标识
        _tempPlayer.using = false; // 是否正在使用
        _tempPlayer.style.width = "100%";
        _tempPlayer.style.height = "100%";

或者：
            /*var _tempPlayer = window.document.createElement("object");
            _tempPlayer.setAttribute("id","realtime_player"+i);
            _tempPlayer.setAttribute("classid","clsid:358DE739-F39F-4832-9458-80FDE806F845");
            _tempPlayer.setAttribute("width","100%");
            _tempPlayer.setAttribute("height","100%");
            _tempPlayer.using = false; //>是否正在使用

4、检测ocx是否可用的方法

在js下是 var o = new ActiveXObject(ProgID);
IE下若ocx存在是object,否则是null
即：

var o = new ActiveXObject(ProgID);
if(o)

{

//存在

}

else

{

//不存在

}

<HTML>
<HEAD>
<TITLE>New Page</TITLE>

<script language="javascript" type="text/javascript">
    //var a1 = new ActiveXObject("TESTOCX1.testOCX1Ctrl.1");
    var ocx;
    function createOcx() {
        ocx = document.createElement("object");
        ocx.setAttribute("id", "ocx1");
        ocx.setAttribute("height", 100);
        ocx.setAttribute("width", 51);
        ocx.setAttribute("classid", "clsid:DA44C63F-4844-483F-9DA0-7129E1A7F05B");
    }

    function DestoryOcx() {
         delete ocx;
    }

    function AddToDiv() {
        var div = document.getElementById("divOcxContainer");
        div.appendChild(ocx);

        ocx.Method2();
    }

    function RemoveFromDiv() {
        var div = document.getElementById("divOcxContainer");
        var ocx1 = document.getElementById("ocx1");
        div.removeChild(ocx1); 
    }

    window.onload = function() {

    }


    window.onunload = function() {

    }

</script>

</HEAD>
<BODY>
<div id="divOcxContainer">
</div>
<input type="button" id="btn1" name="btn1" value="创建ocx" title="创建ocx" onclick="createOcx()"></input>
<input type="button" id="btn2" name="btn2" value="销毁ocx"  title="销毁ocx" onclick="DestoryOcx()"></input>
<input type="button" id="Button1" name="btn2" value="添加到div"  title="添加到div" onclick="AddToDiv()"></input>
<input type="button" id="Button2" name="btn2" value="从div移除"  title="从div移除" onclick="RemoveFromDiv()"></input>
<OBJECT ID="testOCX1" WIDTH=100 HEIGHT=51
 CLASSID="CLSID:DA44C63F-4844-483F-9DA0-7129E1A7F05B">
    <PARAM NAME="_Version" VALUE="65536">
    <PARAM NAME="_ExtentX" VALUE="2646">
    <PARAM NAME="_ExtentY" VALUE="1323">
    <PARAM NAME="_StockProps" VALUE="0">
</OBJECT>

<OBJECT ID="testOCX2" WIDTH=100 HEIGHT=51
 CLASSID="CLSID:DA44C63F-4844-483F-9DA0-7129E1A7F05B">
    <PARAM NAME="_Version" VALUE="65536">
    <PARAM NAME="_ExtentX" VALUE="2646">
    <PARAM NAME="_ExtentY" VALUE="1323">
    <PARAM NAME="_StockProps" VALUE="0">
</OBJECT>

</BODY>
</HTML>

参考html文件代码：http://files.cnblogs.com/lidabo/Page1.rar

weixin_34128501

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js创建调用ocx对象的几种方法，检测ocx是否可用

1:创建ActiveX对象在web中使用ActiveX组件有两种方法，一是如下&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;rep_print_medcan.CAB&lt;/TITLE&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;OBJECT ID="Rep_Print_MedCan21"CLASSID="CLSID:C0
复制链接

扫一扫