MFC和Javascript交互-WebBrowser

虽然现在用WebBrowser的人越来越少了，但是还是有很多项目必须要用IE浏览器，虽然恨死了IE浏览器，但是也招架不住它的不可或缺性。

本文用的WebBrowser是MFC自带的ActiveX插件，直接拖到MFC对话框上的。添加变量为CExplorer1 c_explore。

一、MFC调用JavaScript代码
这个功能实现比较简单，网上也很多资料，这里只简单记录一下：在对话框类内添加两个成员变量：

CComQIPtr<IHTMLDocument2> spDoc;
CComDispatchDriver spScript;

然后在为WebBrowser添加一个事件DocumentComplete，头文件中自动生成

DECLARE_EVENTSINK_MAP()
void DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL);

实现代码中自动生成

BEGIN_EVENTSINK_MAP(COcxDialog, CDialogEx)
	ON_EVENT(COcxDialog, IDC_EXPLORER1, 259, COcxDialog::DocumentCompleteExplorer1, VTS_DISPATCH VTS_PVARIANT)
END_EVENTSINK_MAP()

void COcxDialog::DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL)
{
	// TODO:  在此处添加消息处理程序代码
}

在这个函数体中添加代码， 获取JavaScript代码对象：

spDoc = c_explore.get_Document();
spDoc->get_Script(&spScript);

然后调用JavaScript代码就很简单了，如下：

CComVariant var1 = _T("Hello World");
spScript.Invoke1(L"CppCallJS", &var1);

二、JavaScript调用MFC代码
这部分比较麻烦了，需要自己实现IDispatch接口下的纯虚函数，步骤如下。
先在对话框上继承IDispatch：

class COcxDialog : public CDialogEx, public IDispatch

再重写7个方法：

private:
	virtual HRESULT STDMETHODCALLTYPE GetTypeInfoCount(UINT *pctinfo);
	virtual HRESULT STDMETHODCALLTYPE GetTypeInfo(UINT iTInfo, LCID lcid, ITypeInfo **ppTInfo);
	virtual HRESULT STDMETHODCALLTYPE GetIDsOfNames(REFIID riid, LPOLESTR *rgszNames, UINT cNames, LCID lcid, DISPID *rgDispId);
	virtual HRESULT STDMETHODCALLTYPE Invoke(DISPID dispIdMember, REFIID riid, LCID lcid, WORD wFlags, DISPPARAMS *pDispParams, VARIANT *pVarResult, EXCEPINFO *pExcepInfo, UINT *puArgErr);
	virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID riid, void **ppvObject);
	virtual ULONG STDMETHODCALLTYPE AddRef();
	virtual ULONG STDMETHODCALLTYPE Release();

实现代码如下：

enum
{
	Enum_JSCallCppCB,
};
HRESULT STDMETHODCALLTYPE COcxDialog::GetTypeInfoCount(UINT *pctinfo)
{
	return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::GetTypeInfo(UINT iTInfo, LCID lcid, ITypeInfo **ppTInfo)
{
	return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::GetIDsOfNames(REFIID riid, LPOLESTR *rgszNames, UINT cNames, LCID lcid, DISPID *rgDispId)
{
	//判断字符串数量，如果不是预想的数量个数，则不调用任何方法
	if (cNames != 1)
		return E_NOTIMPL;
	if (wcscmp(rgszNames[0], L"JSCallCppCB") == 0){
		*rgDispId = Enum_JSCallCppCB;
		return S_OK;
	}
	else
		return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::Invoke(DISPID dispIdMember, REFIID riid, LCID lcid,
	WORD wFlags, DISPPARAMS *pDispParams, VARIANT *pVarResult, EXCEPINFO *pExcepInfo, UINT *puArgErr)
{
	//通过dispIdMember判断调用的是哪个方法
	if (dispIdMember == Enum_JSCallCppCB)
	{
		if (pDispParams->cArgs != 1)
			return E_NOTIMPL;
		if (pDispParams->rgvarg[0].vt != VT_BSTR)
			return E_NOTIMPL;
		JSCallCppCB(pDispParams->rgvarg[0].bstrVal);
		return S_OK;
	}
	else
		return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::QueryInterface(REFIID riid, void **ppvObject)
{
	if (riid == IID_IDispatch || riid == IID_IUnknown)	{
		*ppvObject = static_cast<IDispatch*>(this);
		return S_OK;
	}
	else
		return E_NOINTERFACE;
}
ULONG STDMETHODCALLTYPE COcxDialog::AddRef()
{
	return 1;
}
ULONG STDMETHODCALLTYPE COcxDialog::Release()
{
	return 1;
}
void COcxDialog::JSCallCppCB(const wchar_t *msg)
{
	//这里就收到了一个字符串，就是JavaScript传递过来的
	//做一些操作
}

要让JavaScript成功调用MFC上的方法，需要将MFC上的浏览器对象传递给JavaScript，所以在DocumentCompleteExplorer1函数中，添加一段代码：

CComVariant var(static_cast<IDispatch*>(this));
spScript.Invoke1(L"CppObject", &var);

最后是网页上的JavaScript代码：

<script language="javascript">

function CppCallJS(v){
    //做一些事情
}

function JSCallCppCB() {
    var str = "hello world";
    if (cppobject != null) {
        cppobject.JSCallCppCB(str);
    }
};

function CppObject(obj) {
    cppobject = obj;
}
var cppobject;

</script>

最终发现：这种实现相互调用的方式，其实就是先拿到对方的对象，然后用对象去调用对方的代码，另外还有其他方式调用，这里就不再赘述。
本文中用到的代码可以在https://download.csdn.net/download/youyicc/12113708地址上下载，这是一个基于VS2013的mfc上显示cef浏览器和ie插件浏览器，实现cef的JavaScript和ie的JavaScript相互调用的示例代码。