如何在网页代码里使用JS实现谷歌浏览器自动翻译

JavaScript019

如何在网页代码里使用JS实现谷歌浏览器自动翻译,第1张

Google 翻译网页功能可以在包括中文和英文的35种语言之间实现整个网页的翻译。当你点击此按钮时，它会自动识别当前网页的语言，把它的内容上传到Google的翻译服务器翻译成用户浏览器设置的语言，，再将翻译结果用原有的网页格式显示出来。这时，该按钮的文字显示会变成“原始网页“，并且会在网页最上端出现一个信息条。如果你想把网页译成其它语言，你可以在信息条上改动翻译语言。另外，你如果点击已翻译网页上的任何链接，并且链接的网页的语言非浏览器设置语言的话，该功能会自动翻译链接网页。你可以点击“原始网页“或者点击信息条上的“X”键关掉信息条，网页就会回到翻译前的状态。

另外，Google工具栏还有字词翻译和划词翻译的功能。“翻译网页”图标旁的下拉菜单会显示两种功能的设置，即字词翻译和划词翻译。启用字词翻译功能后，将光标悬停在一个字词上，就能查看其翻译。若启用划词翻译，当你用鼠标高亮一串单词时，会在这些文字旁出现对整串文字的翻译

JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

这个函数是求如图蓝线的长度  黑色是当前窗口   绿色是hover的元素

function move( ev , bool) {

var top = $(this).offset().top

var bottom = top + $(this).height()

var left = $(this).offset().left

var right = left + $(this).width()

这个函数是求相对于当前页面  hover元素的四条边的距离

然后计算

var sT = Math.abs(y - top),   //鼠标位置到hover元素顶部的距离

sB = Math.abs(y - bottom),   //底部

sL = Math.abs(x - left),    //左边

sR = Math.abs(x - right) //右边

var a = Math.min( sT , sB , sL , sR )  //然后在这4个距离里面选出最小值    变量a 就是距离最短的值