搜狗"云"输入法,实现原理.
近日搜狗推出的所谓云输入法(http://pinyin.sogou.com/cloud/)
搜狗这种在线使用的输入法,就是一些小技巧而已,这也号称 " 云 ",真是汗
实现的方法很简单,让你的浏览器执行一段Javascript脚本
javascript:void((function(){var%20n=navigator.userAgent.toLowerCase();ie=n.indexOf('msie')!=-1?1:0;if(document.documentMode)ie=0;charset='';if(ie)charset=document.charset;src=ie&&charset=='utf-8'?'http://web.pinyin.sogou.com/web_ime/init2_utf8.php':'http://web.pinyin.sogou.com/web_ime/init2.php';element=document.createElement('script');element.setAttribute('src',src);document.body.appendChild(element);})())
执行这段js后,您浏览的当前网页便会出现,他们所谓的"云"输入法了.呵呵,这也云.
实际上是通过js向当前页面body上动态生成一个Script标签.script标签的src属性是上面要调用的页面地址.初始化完成后会生成一个script元素.然后就通过Ajax技术,与服务器交互了.这样就可以,你输入字母,就从服务器中响应出汉字来给你选用了.
我们可以把代码拿来用用.
<script type="text/javascript">
function hooyesdoIt(){
var n=navigator.userAgent.toLowerCase();
ie=n.indexOf('msie')!=-1?1:0;
if(document.documentMode)ie=0;charset='';
if(ie)charset=document.charset;
src=ie&&charset=='utf-8'?'http://web.pinyin.sogou.com/web_ime/init2_utf8.php':'http://web.pinyin.sogou.com/web_ime/init2.php';
element=document.createElement('script');
element.setAttribute('src',src);
document.body.appendChild(element);}
</script>
function hooyesdoIt(){
var n=navigator.userAgent.toLowerCase();
ie=n.indexOf('msie')!=-1?1:0;
if(document.documentMode)ie=0;charset='';
if(ie)charset=document.charset;
src=ie&&charset=='utf-8'?'http://web.pinyin.sogou.com/web_ime/init2_utf8.php':'http://web.pinyin.sogou.com/web_ime/init2.php';
element=document.createElement('script');
element.setAttribute('src',src);
document.body.appendChild(element);}
</script>
编写个js方法,然后用个button调用它