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

JavaScript015

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

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

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

JS是JAVASCRIPT的缩写，是客户端脚本语言，开发WEB程序的辅助语言之一，虽然说是辅助，但是其重要性也是很高的。

JSP是一种技术。通过JAVA语言实现的。

它们之间的关系：如果你用JSP开发WEB程序，那么其开发过程中使用的主要语言就是JAVA，JS是辅助语言。可以理解为主次关系。主：JAVA，次：JS

备注：JS的重要性在于它是WEB开发过程中经常会用到的一个客户端脚本语言，如果你用.NET开发WEB程序也是会用到JS的。只要是WEB领域，基本都会用到它，它的作用域非常广泛。

扩展资料：

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}︰

Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。

V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++），因此在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。

参考资料：百度百科-语言脚本

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>random</title>

<style>

#awardListDom{width: 100%}

</style>

</head>

<body>

<label for="awardListDom">奖项列表</label><br>

<input type="text" value="" id="awardListDom"><br>

<label for="num">抽到的奖</label><br>

<input type="text" value="" id="num"><br>

<button id="submit">开始抽奖</button>

<script>

function random(min,max){

return Math.floor(min+Math.random()*(max-min))//根据数组的长度来随机产生一个数值，并且向下取整

}

var awardListDom=document.getElementById("awardListDom"),

num=document.getElementById("num"),

submit=document.getElementById("submit")//定义为submit,num,awardListDom对象

var awardList=["一等奖","二等奖","二等奖","三等奖","三等奖","三等奖","鼓励奖","鼓励奖","鼓励奖","鼓励奖","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与"]//讲所有的奖项设置成一个数组。

awardListDom.value=awardList

submit.onclick=function(){//点击按钮触发这个事件

//引用数组

var oldArray=awardList

var rNum=random(0,oldArray.length)//调用random()方法，根据数组的长度来随机产生一个数值赋值给rNum

if(oldArray.length<1){//数组长度小于1时

awardListDom.value="活动结束"

num.value="活动结束"

}

else{//数组长度大于1时

num.value=oldArray[rNum]//将随机出来的数值作为数组索引，来取到数组所代表的值，并且赋值给num，在html中显示

oldArray.splice(rNum,1)//释放随机到的数组空间

awardListDom.value=oldArray//奖项列表根据数组的减少，实时更新

}

}

</script>

</body>

</html>