在JavaScript中实现翻译器

时间:2016-07-16 02:26:59

标签: javascript html

我正在尝试编写一个基本的JavaScript代码,它将充当“翻译者”。例如,输入文本框中的某些字符串将对应于输出段落中的特定字符串。所以,例如,如果单词' x'对应于单词' y',然后我想要一个代码,以便每当它找到单词' x'在输入中,它将替换为“' y'在输出段落中。

Here for example is how it might look like.

实现这个的最简单方法是什么?并且,如果碰巧有大量的翻译对,那么列出它们的最有效方法是什么?

非常感谢任何指导。

修改

这就是我到目前为止在代码中定义元素的方式:

<body data-spy="scroll" data-target="#topnav">

  <div class="navbar navbar-color navbar-fixed-top" id="topnav">
    <div class="container">

      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand page-scroll" href="#page-top">WebInsight</a>
      </div>

      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="active navbutton"><a href="#home">Home</a></li>
          <li class="navbutton"><a href="services">Services</a></li>
          <li class="navbutton"><a href="contact">Contact</a></li>
        </ul>
      </div>
      <!--/.navbar-collapse -->

    </div>
  </div>

</body>

在html体内:

<script type="text/javascript">
function write_word(){
    var trans_parra = document.getElementById('trans');
    var word = document.getElementById('word');
    var eng = document.getElementById('input');}
</script>

1 个答案:

答案 0 :(得分:1)

我假设这不是您正在制作的语言翻译工具,而且这只是为了将一行文本翻译成有意义的内容。

您可以尝试Javascript Replace

hs.timer.doAfter(sec, fn) -> timer

如果你要翻译很长的字符列表,那么你可以通过扩展String对象来获得所有要替换的字符/单词的数组,如本问题的答案中所述: Replace multiple strings at once