MFC中CHtmlView和JS的相互调用

关注

原创最新推荐文章于 2026-06-12 12:53:53 发布 3.9k 阅读 AI 写同款· GEO 优化 ›

第一部分：将GOOGLE MAP嵌入到MFC的对话框程序中 <br />目前GPS的应用越来越广泛，因为GPS应用的数码产品也开始尝试结合GOOGLE地球和GOOGLE地图来增加产品的卖点。其中韩国的X-DRIVEN就将DVR的视频文件与GPS轨迹同步播放，用户在浏览视频的同时也能形象的看到汽车在GOOGLE MAP的实时轨迹。仔细研究发现其实就是将浏览器与视频播放器结合起来的应用程序。<br /> 视频播放器可以采用在LINUX下流行的MPLAYER，将IE浏览器嵌入到应用程序中，最后实现视频播放与GPS轨迹文件在GOOGLE MAP同步。本人采用VC2005实阅读详情

没废话，直接上步骤：

1、创建一个继承自CHtmlView的类；
2、构造函数中添加

CNewHtmlView::CNewHtmlView()
{
	// 允许自动化
	EnableAutomation();
}

3、重载 virtual HRESULT OnGetExternal( LPDISPATCH *lppDispatch);

HRESULT CNewHtmlView::OnGetExternal( LPDISPATCH *lppDispatch )
{
	// 返回自身的IDispatch接口
	*lppDispatch = GetIDispatch(TRUE);
	return S_OK;
}

// JS调用C++部分
4、头文件中添加宏

DECLARE_DISPATCH_MAP

类似DECLARE_MESSAGE_MAP，具体自己Google
5、.cpp中添加接口映射

// 添加供JS调用的函数
BEGIN_DISPATCH_MAP(CNewHtmlView, CHtmlView)
	DISP_FUNCTION(CNewHtmlView, "CB_FunctionInsallApp", CB_FunctionInsallApp, VT_EMPTY, VTS_DISPATCH)
	DISP_FUNCTION(CNewHtmlView, "CB_FunctionTryPlay", CB_FunctionTryPlay, VT_EMPTY, VTS_DISPATCH)
END_DISPATCH_MAP()
// 实现
void CNewHtmlView::CB_FunctionInsallApp(IDispatch *pDispVal)
{
	CComDispatchDriver spData = pDispVal;
	CComVariant varProperty;
	spData.GetPropertyByName(L"PropertyName",&varProperty)
}

说明：DISP_FUNCTION(CNewHtmlView, "JS中调用的函数名", C++中对应的函数名称, 返回值, 参数[多个参数以空格隔开，VTS_DISPATCH一般作为结构体参数])
获取结构体内容
6、调用js函数

HRESULT CNewHtmlView::OnInvokeJS( WPARAM wParam, LPARAM lParam )
{
	// 组织参数
	CArray<CComVariant, CComVariant &> _param;
	_param.Add( CComVariant("123" ));
	_param.Add( CComVariant( "456"));
	CComQIPtr<IHTMLDocument2> _document;
	m_pBrowserApp->get_Document( (IDispatch **)&_document );


	CComDispatchDriver _script;
	_document->get_Script(&_script);


	_script.InvokeN("js中函数名称", &_param[0], param.GetCount());
	return S_OK;
}

搞定，收工~！