HTML可以在网页中使用在线翻译代码。下面是一个简单的例子：
<!DOCTYPE html> <html> <head> <Meta charset="UTF-8"> <title>在线翻译</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> function translate() { var text = $('#text').val(); var from = $('#from').val(); var to = $('#to').val(); var url = 'https://translate.google.cn/translate_a/single?client=webapp&sl=' + from + '&tl=' + to + '&dt=t&q=' + text; $.get(url,function(data) { $('#result').text(data[0][0][0]); }); } </script> </head> <body> <h1>在线翻译</h1> <p>请输入需要翻译的内容:</p> <textarea id="text" rows="5" cols="30"></textarea> <p>请选择翻译的语言:</p> <select id="from"> <option value="en">英语</option> <option value="zh-CN">中文</option> <option value="ja">日语</option> </select> -> <select id="to"> <option value="zh-CN">中文</option> <option value="en">英语</option> <option value="ja">日语</option> </select> <br> <button onclick="translate()">翻译</button> <p>翻译结果:</p> <div id="result"></div> </body> </html>
这个例子使用了Google Translate API来进行在线翻译，需要注意的是，Google Translate API需要开通账号并使用API密钥才能使用。当然，也可以使用其他的翻译API来完成相同的功能。这个例子的核心是通过jQuery的$.get方法来获取API的返回数据，再将数据渲染到网页上。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
