CDHtmlDialog的基本使用(JS调用C++函数的实现)

CDHtmlDialog的基本使用(JS调用C++函数的实现)

来源:清泛原创     2015-08-26 16:08:01    人气:727     我有话说( 0 人参与)

清泛网(www.tsingfun.com):一、建立一个新的MFC Application工程,在下面这一步把HTML Dialog给勾上:二、修改工程中的JSCppInteractive.htm,代码如下:

一、建立一个新的MFC Application工程,在下面这一步把HTML Dialog给勾上:

CDHtmlDialog的基本使用(JS调用C++函数的实现)_第1张图片

CDHtmlDialog的基本使用(JS调用C++函数的实现)_第2张图片


二、修改工程中的“JSCppInteractive.htm”,代码如下:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
HEAD>
<BODY ID=CJSCppInteractiveDlg>

<div style="border:1px solid gray">
以下是HTML中的按钮:<br/><br/>
<input type='button' name="callcpp" value="调用C++函数" 
    onclick="external.CallCppFunc();"/>
div>

BODY>
HTML>
可以Ctrl + F5直接运行查看页面效果,此时点击按钮没有效果,这里不提供截图。

三、添加C++代码(启用、申明消息宏并映射、定义回调函数):
在OnInitDialog()中添加 :
EnableAutomation();
//将浏览器控件的扩展接口设置为对话框自身的IDispatch
SetExternalDispatch(GetIDispatch(TRUE));
JSCppInteractiveDlg.h末尾添加如下代码:
DECLARE_DISPATCH_MAP()

private:
	void JsCallCppFunc();
JSCppInteractiveDlg.cpp任意位置添加如下代码:
BEGIN_DISPATCH_MAP(CJSCppInteractiveDlg, CDHtmlDialog) 
	// CJSCppInteractiveDlg
	// js中内部函数名字external.xxx()调用
	// c++回调函数,返回值(void)
	// 参数(void)
	DISP_FUNCTION(CJSCppInteractiveDlg, "CallCppFunc", JsCallCppFunc, VT_EMPTY, VTS_NONE)
END_DISPATCH_MAP()

void CJSCppInteractiveDlg::JsCallCppFunc()
{
	MessageBox(_T("C++弹出框!"), _T("JS、C++交互测试"));
}
至此,运行效果如下:

CDHtmlDialog的基本使用(JS调用C++函数的实现)_第3张图片

CDHtmlDialog的基本使用(JS调用C++函数的实现)_第4张图片


四、去掉安全提示框:
JSCppInteractiveDlg.h中protected部分添加重载申明:
virtual BOOL CanAccessExternal();

JSCppInteractiveDlg.cpp中添加重载实现部分:
BOOL CJSCppInteractiveDlg::CanAccessExternal()
{
	return TRUE;
}
这样,直接允许访问内部函数,绕过确认。
源码 点此下载。

你可能感兴趣的:(CDHtmlDialog的基本使用(JS调用C++函数的实现))