扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
如何在浏览器中打开IM并执行相应操作？下面以旺旺为例说明，对于QQ等原理一致。
创新互联公司专注于成都网站建设、网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户，用严谨的态度对待客户，用专业的服务创造价值，成为客户值得信赖的朋友，为客户解除后顾之忧。
1. 浏览器中如何判断旺旺是否已经安装,
过程如下：
(1) 打开淘宝任意店铺页面，查看源码，在亮灯旺旺图标处有如下代码：
[html] view plain copy
a href=";uid=%B5%D1%C9%AF%C6%EC%BD%A2%B5%EAsite=cntaobaogroupid=416517s=1charset=gbk" target="_blank"
span style="white-space:pre" /spanimg border="0" alt="给我发消息" src=";uid=%B5%D1%C9%AF%C6%EC%BD%A2%B5%EAsite=cntaobaogids=416517s=1"
/a
img是旺旺图标，重点是href的内容。查看href链接的源码，如下：
[html] view plain copy
html xmlns=""
headtitle/title /head
body
script src="" /script
script language="javascript"
function windowClose(){
window.opener = null;
window.open('','_top');
window.top.close();
}
sendClientMsg('', '', 'cntaobao', '笛莎旗舰店:25', 1, '');
setTimeout('windowClose()', 1);
/script
/body /html
从源码可知这段代码做了这几件事：首先调用sendClientMsg函数，等待1秒钟，打开一个空白窗口，然后关闭之。核心是sendClientMsg函数。它位于website.js中。查看website.js的源码。改源码被混淆压缩了，为了便于查看，找个在线js格式化工具将代码重新格式化一下。这里使用了“站长工具”提供的在线js格式化工具
有这样一段函数，它首先创建一个aliimx的activeX对象，如果创建成功则说明旺旺被安装了，否则根据站点来源（淘宝中国站、阿里中国站、雅虎中国站）分别判断是否安装了其它几个版本的旺旺。源码如下：
[javascript] view plain copy
function isInstalledClient(C) {
try {
var B = new ActiveXObject("aliimx.wangwangx");
if (B != null) {
return 1
}
} catch(D) {}
var A = getSite(C);
if (A == "cntaobao") {
if (newCheckWangWangInstalled() != DEFAULT_VERSION) {
return 1
}
} else {
if (A == "cnalichn") {
if (newCheckAlitalkInstalled() != DEFAULT_VERSION) {
return 1
}
} else {
if (A == "chnyahoo") {
if (newCheckYahooInstalled() != DEFAULT_VERSION) {
return 1
}
} else {
return 0
}
}
}
return 0
}
[javascript] view plain copy
function newCheckAlitalkInstalled() {
var A = DEFAULT_VERSION;
try {
var C = new ActiveXObject("AlitalkSetup.Install");
if (C != null) {
A = "cnalichn"
}
} catch(B) {}
return A
}
function newCheckWangWangInstalled() {
var A = DEFAULT_VERSION;
try {
var C = new ActiveXObject("WangWangX.WangWangObj");
if (C != null "1.6.06.0525" != C.GetVersionStr()) {
A = "cntaobao"
}
} catch(B) {} finally {
C = null
}
return A
}
function newCheckYahooInstalled() {
var A = DEFAULT_VERSION;
try {
var C = new ActiveXObject("YahooWangWangX.WangWangObj");
if (C != null) {
A = "chnyahoo"
}
} catch(B) {}
return A
}
为何通过
[javascript] view plain copy
var B = new ActiveXObject("aliimx.wangwangx");
if (B != null) {
return 1
}
这段代码能判断出Windows是否安装了旺旺呢？旺旺安装到Windows中之后会在注册表中写入若干条注册表项，在浏览器中通过ActiveX控件来读取注册表，如果能够找到相应的注册表项，则说明当前Windows中安装了旺旺，否则表明没有安装。调用
[javascript] view plain copynew ActiveXObject("aliimx.wangwangx");
的时候浏览器会去读取注册表，在HKEY_CLASSES_ROOT下搜索aliimx.wangwangx表项，找到了则说明系统安装了阿里旺旺。
由此也可以知道，如果系统中的旺旺是未经“美化”的绿色版，浏览器不一定能够判断出它的存在。
script type="text/javascript"
var snowsrc="snow.png"//图片自选
var no = 11; // snow number
var speed = 11; // smaller number moves the snow faster
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 1000, doc_height = 1200;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = 1000;
doc_height = 2000;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"img src='"+snowsrc+"' border=\"0\"/layer");
} else {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"img src='"+snowsrc+"' border=\"0\"/layer");
}
} else if (ie4up) {
if (i == 0) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"img src='"+snowsrc+"' border=\"0\"/a/div");
} else {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"img src='"+snowsrc+"' border=\"0\"/div");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
/script
图片的原始src="/i/eg_bulboff.gif"，代表灭灯状态，点击图片触发changeImage()函数，此函数用element.src.match("bulbon")匹配src,看src中有没有bulbon,若没有则把src设置成 element.src="/i/eg_bulbon.gif"，即点亮灯。若有则把src设置成element.src="/i/eg_bulboff.gif"，即熄灭灯，认真看一下很容易理解
简单的想法用一个input type="hide" id="light" value="0"
按钮switch绑定onclick,函数里面执行，获取light里面的值，如果为0，则调用亮灯图，并且改写light的值为1，light值如果为1，则调用灭灯图，并且改写light的值为0
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网