搜狗"云"输入法,实现原理.

近日搜狗推出的所谓云输入法(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>

编写个js方法,然后用个button调用它


 

原文地址:https://www.cnblogs.com/hooyes/p/sogoupinyin.html