商务统邀请框openZoosUrl还可以这么玩

网站商务通的openZoosUrl函数大家应该非常熟悉,它是商务通为我们提供的用来打开商务通对话窗口并可以传递一些信息的函数。最近仔细的研究了一下这个函数,发现了一些好玩的东西写出来与大家一起分享。


我们一般情况下使用openZoosUrl的形式有一下两种:


<a href="javascript:openZoosUrl();" target="_self">点击咨询</a>

<a href="javascript:openZoosUrl(‘chatwin’,'&e=test');" target="_self">点击咨询</a>


第一种形式没有传递任何参数,点击后可以打开商务通对话窗口。


第二种形式传递了两个参数,点击后可以打开商务通对话窗口同时也向商务通传递了一个说明信息。这个信息会出现在商务通后台的说明一栏中,如下图:


商务统邀请框openZoosUrl还可以这么玩_第1张图片


为了方便测试我们可以使用Google浏览器来测试,使用谷歌浏览器打开我们自己的网站,按F12进入调试模式,选择console 控制台选项,如图:


wKioL1ai_1ahL80sAAKfW86GufA180.jpg


这样接下来我们就可以很方便的进行测试了。


这个说明信息也是可以传递中文的,但是我们直接使用 openZoosUrl('chatwin','&e=测试'); 是没用的,中文需要使用escape函数进行一下编码。


应该这样才行 openZoosUrl('chatwin','&e='+escape('测试'));


wKioL1ai_3nSYikyAAVKBadGGOA684.jpg


经过尝试发现这个参数是可以传递html代码的,如:

openZoosUrl('chatwin','&e='+escape('<font color="red">加红</font><b>加粗</b><i>倾斜</i>'));


wKiom1ai_2riUsZWAAVCgHDiySY892.jpg


知道了这点,接下来可以怎么玩大家应该都有点想法了吧,我先带大家简单的玩一下。

openZoosUrl('chatwin','&e='+escape('<div style="width:1000px;color:#F00;font-size:30em;font-weight:bold;">测试</div>'));


wKioL1ai_82Tkcl5AARReseg3i8379.jpg


openZoosUrl('chatwin','&e='+escape('<img src="http://n.sinaimg.cn/default/20150807/EAfF-fxftvni8797895.gif" />'));


wKiom1ai_56Q5S1mAAU730ofPr8752.jpg


玩完手工,不让你看 嘿嘿!

openZoosUrl('chatwin','&e='+escape('<style>* {display:none;}</style>'));

wKioL1ai__6T4bVLAAHIKomSESg427.jpg


你可能感兴趣的:(商务通)