基于MFC的网页ActiveX控件开发全程实录3（js调用ActiveX控件函数（方法））

继续上一篇博客的内容

1. ActiveX部分

右键DActiveXDemo，添加——方法

添加一个add方法，返回值是double。同时添加两个double类型的变量

点击下一步，默认下一步然后点击完成

可以看到，在CActiveXDemoCtrl类中增加了add函数，我们对其进行代码编辑

DOUBLE CActiveXDemoCtrl::add(DOUBLE par1, DOUBLE par2)
{
	AFX_MANAGE_STATE(AfxGetStaticModuleState());

	// TODO: 在此添加调度处理程序代码
	return (par1+par2);

	return 0;
}

重新生成解决方案。

2. 网页部分（html）

html代码如下

<HTML>
<HEAD>
    <TITLE>js调用ActiveX控件函数</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <SCRIPT LANGUAGE="JavaScript">
        
        function Test()
        {

            var p1 = Input1.value;
            var p2 = Input2.value;
            var a = Test_js.add(p1, p2)
            alert(a);
        }



    </SCRIPT>
</HEAD>
<BODY>

    输入第一个double数值: <INPUT TYPE="text" NAME="Input1" VALUE="">
    输入第二个double数值: <INPUT TYPE="text" NAME="Input2" VALUE="">
    <p></p>
    <INPUT TYPE="button" NAME="求和"
           VALUE="求和: " ONCLICK=Test()>

    <p></p>


    <OBJECT ID="Test_js" WIDTH=50% HEIGHT=35%
            CLASSID="CLSID:B852A7D3-3356-400E-A2BF-A15F7D0F99CB">
        <PARAM NAME="_Version" VALUE="65536">
        <PARAM NAME="_ExtentX" VALUE="2646">
        <PARAM NAME="_ExtentY" VALUE="1323">
        <PARAM NAME="_StockProps" VALUE="0">
    </OBJECT>
    
    
</BODY>
</HTML>

测试：

输入两个double数值，点击求和，可以得到下面的效果

3. 代码下载

网址： https://download.csdn.net/download/qianbin3200896/10586218

基于MFC的网页ActiveX控件开发全程实录3（js调用ActiveX控件函数（方法））

1. ActiveX部分

2. 网页部分（html）

3. 代码下载

猜你喜欢