html 中英文翻译

失落村庄

已于 2023-02-15 11:13:28 修改

阅读量1.3k

点赞数

文章标签： html javascript 前端

于 2022-12-13 17:27:36 首次发布

本文链接：https://blog.csdn.net/qq_49210750/article/details/128305228

版权


<!doctype html>
<head>
    <meta charset="utf-8"/>
    <style>
        
    </style>
</head>
<body>
<div class="main">
    <button class="btn">点击切换</button>
    <p transfer-toggle="transfer">苹果</p>
    <p transfer-toggle="transfer">香蕉</p>
    <p transfer-toggle="transfer">橘子</p>
    <textarea transfer-toggle="transfer" name="" id="" cols="30" rows="10">香蕉</textarea>
    <select name="" id="">
        <option transfer-toggle="transfer" value="西瓜">西瓜1</option>
        <option transfer-toggle="transfer" value="西瓜">西瓜2</option>
        <option transfer-toggle="transfer" value="西瓜">西瓜3</option>
    </select>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./md5.js"></script>
<!-- <script src="./Translate.js"></script> -->
<script type="text/javascript">

    function getArr() {
        var arrHtml = [];
        var arrThis = [];
        var text = $("[transfer-toggle='transfer']").text(function (i, text) {
            // console.log(i + text.replace("\n", "").replace(/\s+/g, ' '));
            arrHtml.push(text.replace("\n", " ")); // 将我们想要翻译的内容存进数组里，并且将回车 \n 匹配成空格，避免翻译时 \n 与我们定义的冲突
            arrThis.push($(this));
        });
        return [arrHtml, arrThis]
    }
    
    function GetBaidu(from, to, query, obj) {
        // console.log(query)
        var q = query.join("\n"); // 将内容数组用 \n 拼接
        // console.log(q);
        var appid = "20221212001494410"; // 请自行获取
        var key = "OLBGdVCn7LOmPeStmkU3"; // 请自行获取
        var salt = (new Date).getTime();
        var str1 = appid + q + salt + key;
        var sign = MD5(str1);
        $.ajax({
            url: 'http://api.fanyi.baidu.com/api/trans/vip/translate',
            type: 'post',
            dataType: 'jsonp',
            data: {
                q: q,
                from: from,
                to: to,
                appid: appid,
                salt: salt,
                sign: sign
            },
            success: function (msg) {
                // console.log(msg);
                var html = "";
                for (var i = 0; i < msg.trans_result.length; i++) {
                    console.log(msg.trans_result[i].dst);