JS和C++之间的相互访问

最新推荐文章于 2023-08-10 10:40:04 发布
最新推荐文章于 2023-08-10 10:40:04 发布
阅读量898 收藏 1
点赞数
分类专栏： Windows 文章标签： c++ null function winapi input javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Matrix_Designer/article/details/5893671
版权

      最近，工作需要，实现了JS与C++之间的相互访问。核心思想是通过一个隐藏域作为中转。JS发送数据给C++时，将数据写往某个隐藏域，同时C++每隔一段时间(如40ms)检测一次此域可有数据，有的话取出进行相关操作后清空。C++发送数据给JS时，将数据写往另外一个隐藏域后，直接使用COM触发某个隐藏Button的click事件，由它进行相关的操作。具体代码如下：

//File: WebNativeCall.js
var g_strInCommPortId = null;
var g_strOutCommPortId = null;
var g_strInCommCmdId = null;
var g_funcCallIn = null;

var funcOnLoad = function() {
    if (g_strInCommPortId != null && g_strOutCommPortId != null
    && g_strInCommCmdId != null && g_funcCallIn != null) {
        var txtInCommPort = document.createElement("input");
        txtInCommPort.setAttribute("type", "hidden");
        txtInCommPort.setAttribute("id", g_strInCommPortId);
        txtInCommPort.setAttribute("name", g_strInCommPortId);
        txtInCommPort.setAttribute("value", "");
        document.body.appendChild(txtInCommPort);

        var txtOutCommPort = document.createElement("input");
        txtOutCommPort.setAttribute("type", "hidden");
        txtOutCommPort.setAttribute("id", g_strOutCommPortId);
        txtOutCommPort.setAttribute("name", g_strOutCommPortId);
        txtOutCommPort.setAttribute("value", "");
        document.body.appendChild(txtOutCommPort);

        var btnInCommCmd = document.createElement("input");
        btnInCommCmd.setAttribute("type", "button");
        btnInCommCmd.style.setAttribute("display", "none");
        btnInCommCmd.setAttribute("id", g_strInCommCmdId);
        btnInCommCmd.setAttribute("name", g_strInCommCmdId);
        btnInCommCmd.onclick = function() {
            var data = document.getElementById(g_strInCommPortId).value;
            if (data != null && data != "") {
                g_funcCallIn(document.getElementById(g_strInCommPortId).value);
            }
        };
        document.body.appendChild(btnInCommCmd);
    };
};

if (window.addEventListener) {
    window.addEventListener("load", funcOnLoad, false);
}
else if (window.attachEvent) {
    window.attachEvent("onload", funcOnLoad);
}

function funcCallOut(strData)
{
    document.getElementById(g_strOutCommPortId).value = strData;
}


//File: Test.html
<html>
    <head>
        <title>Test the Commucation between C++ and JS</title>
        <script type="text/javascript" language="javascript" src="WebNativeCall.js"></script>
        <script type="text/javascript" language="javascript">
            g_strInCommPortId = "txtInCommPort";
            g_strOutCommPortId = "txtOutCommPort";
            g_strInCommCmdId = "btnInCommCmd";
           
            g_funcCallIn = function(CommData) {
                alert("Web Receive Data: " + CommData);
            }

            function TestCallOut() {
                funcCallOut(document.getElementById("txtOutData").value);
            }
        </script>
    </head>
    <body>
        <input type="text" id="txtOutData" name="txtOutData" value="" />
        <input type="button" id="btnCallOut" name="btnCallOut" value="CallOut" οnclick="TestCallOut();" />   
    </body>
</html>


//File: VisitHtmlTool.h
/***************************************************************************

* 功能  : 网页本地访问类
* 输入参数 : 无
* 输出参数 : 无
* 返回值 : 无

***************************************************************************/
class CVisitHtmlTool               //网页本地访问类
{
public:
 typedef void (* Func_CallOut)(LPCTSTR lpszData);

 CVisitHtmlTool(CHtmlView *pHtmlView, LPCTSTR lpszInCmdTagId
  , LPCTSTR lpszInDataTagId, LPTSTR lpszOutDataTagId
  , Func_CallOut pCallOut);
 ~CVisitHtmlTool(void);

 BOOL CallIn(LPCTSTR lpszData);            //向网页发数据
 VOID StartReceive();              //开始自动接收数据
 VOID StopReceive();               //停止自动接收数据
 
protected:
 static DWORD WINAPI ReceiveThread(LPVOID lpThreadParameter);
 static LRESULT CALLBACK WindowSubSolve(HWND hWnd, UINT iMsg, WPARAM wParam
  , LPARAM lParam);

 CHtmlView *m_pHtmlView;              //HtmlView指针
 LPCTSTR m_lpszInCmdTagId;             //Web端数据接收触发器标识
 LPCTSTR m_lpszInDataTagId;             //Web端接收数据保存控件标志
 LPTSTR m_lpszOutDataTagId;             //Web端发送数据保存控件标志
 
 IHTMLElement* m_pEle;              //CallOut的数据结点

 Func_CallOut m_pCallOut;             //本地端接收数据回调函数

private:
 HANDLE m_hLock;

 BOOL m_bStarted;
 WNDPROC m_pOldProc;
 LONG m_pUserData;
};


//File: VisitHtmlTool.cpp
#include "StdAfx.h"
#include "VisitHtmlTool.h"

#define WM_PUMPCALLOUTDATA (WM_USER+1)

CVisitHtmlTool::CVisitHtmlTool(CHtmlView *pHtmlView,
          LPCTSTR lpszInCmdTagId ,
          LPCTSTR lpszInDataTagId,
          LPTSTR lpszOutDataTagId,
          Func_CallOut pCallOut)
{
 m_pOldProc = NULL;
 m_pUserData = NULL;
 m_hLock = ::CreateEvent(NULL, FALSE, TRUE, NULL);

 m_bStarted = FALSE;
 m_pCallOut = pCallOut;

 m_pHtmlView = pHtmlView;
 m_lpszInCmdTagId = lpszInCmdTagId;
 m_lpszInDataTagId = lpszInDataTagId;
 m_lpszOutDataTagId = lpszOutDataTagId;
 m_pEle = NULL;
}

CVisitHtmlTool::~CVisitHtmlTool(void)
{
 StopReceive();
 ::CloseHandle(m_hLock);

 if(m_pEle)
 {
  m_pEle->Release();
  m_pEle = NULL;
 }
}

BOOL CVisitHtmlTool::CallIn(LPCTSTR lpszData)
{
 IDispatch* pDis = NULL;
 IHTMLElement* pEle = NULL;
 IHTMLElement* pEleBody = NULL; 
 IHTMLDocument2 *pDoc = NULL;
 IHTMLElementCollection* pAllCollection = NULL;
 IHTMLElementCollection* pBodyCollection = NULL;

 LONG lLength = 0;
 BSTR bstrTmp;

 WaitForSingleObject(m_hLock, INFINITE);

 if((pDoc=(IHTMLDocument2 *)m_pHtmlView->GetHtmlDocument()) == NULL)
 {
  SetEvent(m_hLock);
  return FALSE;
 }

 pDoc->get_body(&pEleBody);
 if (pEleBody == NULL)
 {
  SetEvent(m_hLock);
  return FALSE;
 }

 BOOL bRet = FALSE;
 pEleBody->get_children(&pDis);
 pDis->QueryInterface(IID_IHTMLElementCollection, (void**)&pBodyCollection);
 pDis->Release();
 pEleBody->Release();
 pBodyCollection->get_length(&lLength);

 for (int i = 0; i < lLength; i++)
 {
  pBodyCollection->item(_variant_t(i), _variant_t(0), &pDis);
  pDis->QueryInterface(IID_IHTMLElement, (void**)&pEle);
  pDis->Release();
  pEle->get_id(&bstrTmp);
  
  if(!lstrcmp(m_lpszInDataTagId, bstrTmp))
  {
   pEle->setAttribute(BSTR(TEXT("value")), _variant_t(lpszData));
   ::SysFreeString(bstrTmp);
   pEle->Release();
   bRet = TRUE;
  }
  else if(!lstrcmp(m_lpszInCmdTagId, bstrTmp))
  {
   pEle->click();
   break;
  }
  else
  {
   pEle->Release();
   ::SysFreeString(bstrTmp);
  }
 }

 pBodyCollection->Release();
 SetEvent(m_hLock);
 return bRet;
}

VOID CVisitHtmlTool::StartReceive()
{
 if(m_bStarted)
 {
  return;
 }

 m_bStarted = TRUE;
 m_pUserData = ::SetWindowLong(m_pHtmlView->GetSafeHwnd(), GWL_USERDATA, (LONG)this);
 m_pOldProc = (WNDPROC)::SetWindowLong(m_pHtmlView->GetSafeHwnd(), GWL_WNDPROC, (LONG)WindowSubSolve);

 ::CreateThread(NULL, 0, ReceiveThread, this, 0, NULL);
}

VOID CVisitHtmlTool::StopReceive()
{
 if(!m_bStarted)
 {
  return;
 }

 m_bStarted = FALSE;
 while(!m_bStarted)
 {
  SleepEx(100, TRUE);
 }
 ::SetWindowLong(m_pHtmlView->GetSafeHwnd(), GWL_WNDPROC, (LONG)m_pOldProc);
 ::SetWindowLong(m_pHtmlView->GetSafeHwnd(), GWL_USERDATA, m_pUserData);
 m_bStarted = FALSE;
}

DWORD WINAPI CVisitHtmlTool::ReceiveThread(LPVOID lpThreadParameter)
{
 CVisitHtmlTool *pThis = reinterpret_cast<CVisitHtmlTool *>(lpThreadParameter);

 while(pThis->m_bStarted)
 {
  SleepEx(40, TRUE);
  pThis->m_pHtmlView->PostMessage(WM_PUMPCALLOUTDATA);
 }

 pThis->m_bStarted = TRUE;
 return 0;
}

LRESULT CALLBACK CVisitHtmlTool::WindowSubSolve(HWND hWnd,
            UINT iMsg,
            WPARAM wParam,
            LPARAM lParam)
{
 CComVariant varData;
 CVisitHtmlTool *pThis = reinterpret_cast<CVisitHtmlTool *>(::GetWindowLong(
  hWnd, GWL_USERDATA));

 if(iMsg != WM_PUMPCALLOUTDATA)
 {
  return CallWindowProc(pThis->m_pOldProc, hWnd, iMsg, wParam, lParam);
 }

 if(WaitForSingleObject(pThis->m_hLock, 0) == WAIT_TIMEOUT)
 {
  return 0;
 }

 if(pThis->m_pEle==NULL
  || pThis->m_pEle->getAttribute(CComBSTR(TEXT("value")), 0, &varData)!=S_OK)
 {
  IDispatch* pDis = NULL;       
  IHTMLElement* pEle = NULL;
  IHTMLElement* pEleBody = NULL; 
  IHTMLDocument2 *pDoc = NULL;
  IHTMLElementCollection* pAllCollection = NULL;
  IHTMLElementCollection* pBodyCollection = NULL;

  LONG lLength = 0;
  BSTR  bstrTmp;

  if((pDoc=(IHTMLDocument2 *)pThis->m_pHtmlView->GetHtmlDocument()) == NULL)
  {
   SetEvent(pThis->m_hLock);
   return 0;
  }

  pDoc->get_body(&pEleBody);
  if (pEleBody == NULL)
  {
   SetEvent(pThis->m_hLock);
   return 0;
  }

  pEleBody->get_children(&pDis);
  pDis->QueryInterface(IID_IHTMLElementCollection, (void**)&pBodyCollection);
  pDis->Release();
  pEleBody->Release();
  pBodyCollection->get_length(&lLength);
  pThis->m_pEle = NULL;

  for (int i = 0; i < lLength; i++)
  {
   pBodyCollection->item(_variant_t(i), _variant_t(0), &pDis);
   pDis->QueryInterface(IID_IHTMLElement, (void**)&pEle);
   pDis->Release();
   pEle->get_id(&bstrTmp);

   if(!lstrcmp(pThis->m_lpszOutDataTagId, bstrTmp))
   {
    pThis->m_pEle = pEle;    
    ::SysFreeString(bstrTmp);
    break;
   }
   else
   {
    pEle->Release();
    ::SysFreeString(bstrTmp);
   }
  }

  pBodyCollection->Release();
 }

 if(pThis->m_pEle && pThis->m_pEle->getAttribute(CComBSTR(TEXT("value")), 0, &varData)==S_OK)
 {
  if(varData.vt!=VT_NULL && varData.bstrVal!=NULL && lstrcmp(varData.bstrVal, TEXT("")))
  {
   pThis->m_pEle->setAttribute(CComBSTR(TEXT("value")), _variant_t(""));

   if(pThis->m_pCallOut)
   {
    pThis->m_pCallOut(varData.bstrVal);
   }
  }
 }

 SetEvent(pThis->m_hLock);
 return 1;
}

Matrix_Designer
关注
专栏目录
C++与js相互调用
10-13
这里是 VC与JavaScript交互(三) ———— JS调用C++，下载的时候需要看清楚
JS调用C++
huobengluantiao8
03-24 392
最近正在顺应潮流，由C++、C#开发转向前端开发，javascript 将越来越受到重视，想到以往优秀的C++代码如何在前端直接移植使用，看到一篇文章，分享如下： http://blog.csdn.net/yyan/article/details/4814866 1.注册C++函数 //注册回调函数宏 //根据不同需要支持注册两个函数原型，注意CONNECT_J...
js与C++交互及C++解析json
weixin_33830216的博客
06-17 178
转载:http://zhidao.baidu.com/link?url=LLuWzwMmpfVcQeSGv1CrAfRXpnZaetm9xypqwMW6zxLhhKES-rITAsG0-Ku-bSMAc2nVoSFk1tOJ0biPcQIoHK 转载:http://blog.csdn.net/aasmfox/article/details/7016236 1.手动点击网页按钮C++后台响应 ...
C++和JS代码相互调用
09-17
c++和JS代码相互调用 利用COM原理 有一个类做了封装，大家可以照着Demo学习
js和c++区别
m0_65690223的博客
05-13 803
在上述代码中，使用 Wt 框架创建了一个简单的网页，其中包含一个文本控件，用于显示 "Hello, World!需要注意的是，使用 C++ 编写 Web 应用程序需要掌握一定的 Web 开发知识，如 HTTP 协议、HTML、CSS、JavaScript 等。一种常见的方式是使用 C++ 的 Web 框架，如 Wt、CppCMS、Crow 等。这些框架提供了一套完整的工具链，包括 HTTP 服务器、模板引擎、数据库访问等，可以方便地编写 Web 应用程序。
WebBrowser中JS和C++代码互相调用
07-17
本主题将深入探讨如何实现`WebBrowser`中的JavaScript (JS) 和C++代码之间的互调用，这对于增强桌面应用的交互性和功能扩展性非常有用。 ### 一、JS调用C++ 1. **对象注册**：在C++中，你需要创建一个COM对象，并...
QWebChannel Qt js c++ 互相调用 demo
01-14
通过这个简单的示例，我们可以看到QWebChannel如何在C++和JavaScript之间建立通信。它简化了复杂的接口设计，使得前后端交互更为顺畅，对于开发复杂的Web应用非常有帮助。在实际项目中，可以根据需求实现更复杂的...
JS-CPP.zip_JS调用C++_c++ 调用js_调用JS
09-19
描述中提到的"JS与C++相互调用的方法"意味着这个项目可能包含了如何在JavaScript环境中嵌入C++代码的示例，以及如何在C++程序中调用JavaScript函数的教程。例如，你可以在网页中通过C++来控制网页上的按钮行为，从而...
c++和js交互
05-23
这里面的代码是js和c++交互的代码 这里面的代码是js和c++交互的代码
C++与JS的通信
01-23
C++调用JS函数，实现相互通信，首先得调用SetDocument初始化，再调用CallJScript调用函数，并可以取得返回值。
js与c++ 交互文件qwebchannel
01-18
js与qt进行交互访问，通过connect 链接 创建html页面在qt外壳中显示
LPTSTR、LPCSTR、LPCTSTR、LPSTR的来源及意义
04-20
LPTSTR、LPCSTR、LPCTSTR、LPSTR的来源及意义
深入理解C++学习和JS学习
如风逝去
12-28 1299
一些和语言不相关的技术:IOC容器 控制翻转 面向切面编程 依赖注入 委托和事件 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、前端和C++区别？二、使用步骤1.引入库2.读入数据总结 前言 学习一段时间的前端现在需要对所学知识进行总结和反思一下 一、前端和C++区别？ 因为我之前 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as pl
JS语言和C++语言的区别
qq_34754747的博客
02-10 3240
1. 静态类型VS动态类型 静态类型，编译的时候就能够知道每个变量的类型，编程的时候也需要给定类型，如C++中的整型int，浮点型float等。C、C++、Java都属于静态类型语言。 动态类型，运行的时候才知道每个变量的类型，编程的时候无需显示指定类型，如JavaScript中的var、PHP中的$。JavaScript、Ruby、Python都属于动态类型语言。 静态类型还是动态类型对语...
JavaScript 与 C++ 的差异
sybh的博客
01-10 3106
本章我们介绍了 JavaScript 和 C++ 两门编程语言的主要差异，包括运行环境的差异、执行效率的差异、编程风格的差异和程序能力的差异等知识。除了上文中介绍的这些差异之外，它们还在开发效率上存在差异（JavaScript 的开发效率要远高于 C++ 的开发效率），社区及生态上存在差异等。不过相信各位前端开发者已经对 C++ 语言有了一个粗浅的认识，虽然 C++ 语言比 JavaScript 要难学，但 C++ 带给你的回报也是足够大的，它能。
C++与javascript对比
weixin_30402085的博客
10-15 737
接触javascript应该有三个月了，但是一直没有认真去学习这门语言的一些特性，现在结合C++的语言特性来分析一下，对自己脑海中的知识做个总结。 1、C++是静态语言，js是动态语言。区别如下： 静态语言： 1.在不执行的时候也能够做类型检测，可以一定程度上的检测出一些逻辑错误。但是过多的声明使得程序变得冗余。 2.编写代码开始的时候就要考虑变量和算式应该是什么类型，有利于...
JavaScript 和 C++的相同和不同之处
最新发布
2301_78785199的博客
08-10 285
JavaScript 和 C++ 是两种非常不同的编程语言，尽管它们有一些相似之处，但也有很多不同之处。
WebSocket详解：前端js客户端与C++使用mongoose.cpp创建服务端通信示例
Flywithdawn的博客
05-13 2035
一、WebSocket概述 1.1 诞生背景 早期的时候，网站与服务器进行通信与信息获取大都采用轮询方式。只有网站发起请求，服务器才能给与响应。服务器不能主动发起消息。 通过HTTP请求来轮询获取信息的这种形式叫做半双工通信，在获取静态资源时还可以，但是当获取动态信息时，客户端需要不断地轮询以获取结果。比如客户端发起一个请求：“请服务器做一件事”，并且客户端需要知道服务器这件事做完了，客户端才能按顺序去做下一件事。于是客户端需要不停的询问服务端： Client:“你弄完了吗？”，Server：“没呢！”。
js和c语言的区别
weixin_44500533的博客
10-08 2679
Javascript是弱类型的,它在声明变量时无需确定变量的类型，js在运行时会自动判断。 Javascript是面向对象的 Javascript是解释性语言 var let const的区别 全局作用域 变量提升 块级作用域 声明同名变量 暂存死区 const要在声明时初始化，不能更改 数据类型 C语言中有int,char,float等等 除法 C语言中常用一种除法整除取整比如int a = ...
Java Applet与C++ SSO登录集成：JavaScript脚本实战教程
首先，SSO是一种允许用户在一个系统或应用程序中登录后，无需再次输入凭证即可访问其他相互信任的系统或应用程序的技术。在Java Applet中调用C++实现的SSO登录功能，可以利用Java的本地接口（Java Native Interface,...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值