js实现网页和控件的简单交互
2016-08-01 17:49
441 查看
本功能不仅实现网页和控件的简单交互,还实现了点击网页网页内容被修改。
1. 通过点击网页中的网页链接,调用脚本;
2. 脚本调用控件里的函数,控件里的函数把结果返回;
activeXtest.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ActiveX</title>
<script language = 'javascript'>
function GetUrl4(id)
{
var items=document.getElementById(id);
var strResult = MyActiveX.changeContent(items.href);
var oNewDoc = document.open("text/html", "replace");
oNewDoc.write(strResult);
oNewDoc.close();
}
</script>
</head>
<body>
<object id="MyActiveX" classid="clsid:319388B4-E66E-4646-B265-29312E86EC9A"> </object>
<fieldset>
<legend>MyActiveX</legend>
<table width="100%" border="1">
<tr>
<td width="20%"><a id="baidu" href="http://www.baidu.com" onclick='GetUrl4(this.id);return false;'>百度2http://www.baidu.com</a>
</td>
</tr>
<tr>
<td width="20%"><a id="soho" href="http://www.sohochina.com" onclick='GetUrl4(this.id);return false;'>搜狐http://www.sohochina.com</a>
</td>
</tr>
<tr>
<td width="20%"><a id="example" href="http://example.com" onclick='GetUrl4(this.id);return false;'>http://example.com</a> </td>
</tr>
</table>
</fieldset>
</body>
</html>
MyActiveXCtrl.cpp的片段代码
BSTR CMyActiveXCtrl::changeContent(BSTR url)
{
AFX_MANAGE_STATE(AfxGetStaticModuleState());
CString strResult;
strResult = COLE2T(url);
// TODO: Add your dispatch handler code here
//char* lpszText2 = _com_util::ConvertBSTRToString(url);
// TODO:这里可以修改网页的代码。。。
if (strResult == "http://www.baidu.com/")
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
百度</body>\
</html>";
}
else if (strResult == "http://www.sohochina.com/")
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
搜狐</body>\
</html>";
}
else
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
未知网页</body>\
</html>";
}
return strResult.AllocSysString();
}
代码下载网址:http://download.csdn.net/detail/liuyan20092009/9585883
1. 通过点击网页中的网页链接,调用脚本;
2. 脚本调用控件里的函数,控件里的函数把结果返回;
activeXtest.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ActiveX</title>
<script language = 'javascript'>
function GetUrl4(id)
{
var items=document.getElementById(id);
var strResult = MyActiveX.changeContent(items.href);
var oNewDoc = document.open("text/html", "replace");
oNewDoc.write(strResult);
oNewDoc.close();
}
</script>
</head>
<body>
<object id="MyActiveX" classid="clsid:319388B4-E66E-4646-B265-29312E86EC9A"> </object>
<fieldset>
<legend>MyActiveX</legend>
<table width="100%" border="1">
<tr>
<td width="20%"><a id="baidu" href="http://www.baidu.com" onclick='GetUrl4(this.id);return false;'>百度2http://www.baidu.com</a>
</td>
</tr>
<tr>
<td width="20%"><a id="soho" href="http://www.sohochina.com" onclick='GetUrl4(this.id);return false;'>搜狐http://www.sohochina.com</a>
</td>
</tr>
<tr>
<td width="20%"><a id="example" href="http://example.com" onclick='GetUrl4(this.id);return false;'>http://example.com</a> </td>
</tr>
</table>
</fieldset>
</body>
</html>
MyActiveXCtrl.cpp的片段代码
BSTR CMyActiveXCtrl::changeContent(BSTR url)
{
AFX_MANAGE_STATE(AfxGetStaticModuleState());
CString strResult;
strResult = COLE2T(url);
// TODO: Add your dispatch handler code here
//char* lpszText2 = _com_util::ConvertBSTRToString(url);
// TODO:这里可以修改网页的代码。。。
if (strResult == "http://www.baidu.com/")
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
百度</body>\
</html>";
}
else if (strResult == "http://www.sohochina.com/")
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
搜狐</body>\
</html>";
}
else
{
strResult = "<html>\
<head>\
<script type=\"text/javascript\">\
</script>\
</head>\
<body>\
未知网页</body>\
</html>";
}
return strResult.AllocSysString();
}
代码下载网址:http://download.csdn.net/detail/liuyan20092009/9585883
相关文章推荐
- Google Chrome调试js代码
- js数据类型
- JS 数据类型转换
- (JS)zTree v3.5.24完成站点选择功能
- JS escape、encodeURI 、encodeURIComponent 编码与解码[转]
- JSTL
- JavaScript:JSON
- js学习笔记9----时间操作
- JavaScript高级程序设计——第6章:面向对象的程序设计
- 如何使用js来获取cookie的值
- 页面自动执行(加载)js的几种方法
- js中易混淆知识点
- 用echarts.js制作中国地图,点击对应的省市链接到指定页面
- 【学习】js学习笔记:对象的遍历和封装特性
- google调试时 js格式化
- Javascript总结
- JSPatch 动态更新,bug修复
- 深入探讨JavaScript的执行环境和栈
- Idea jstl标签的引入和使用
- JSTL自定义function函数标签