在html中嵌入字典

Question

  

可能重复：
  How to embed a dictionary into your webpage

我是JavaScript的新手，我在纽约时报页面，我注意到一个非常酷的功能，当你双击一个单词纽约时报搜索在字典中工作，它显示在一个新的窗口

是否有人使用JavaScript来完成此功能，以告诉字典要查找哪个字，或者是否使用另一种语言告诉浏览器要查找哪个字？

Answer 1

他们使用JavaScript发出Asynchronous JavaScript and XML (AJAX)请求。这会查找单词，然后返回的值用于加载新页面。

其他语言不能用于更改浏览器的行为。它们可用于更改DOM。

要创建相同的行为，您需要有一个HTML页面，然后编写一些JavaScript，无论何时单击一个单词，都会向您的服务器上的脚本发送一个AJAX请求，然后该脚本将继续查找该单词并结果返回定义。加载结果后，您可以将其放入页面或创建新页面。

虽然这听起来可能很多，但使用JavaScript可以非常轻松地完成，并且使用jQuery（JavaScript库）可以更轻松。

希望有所帮助， -Sunjay

Answer 2

这是使用javascript完成的。​​

我没看过这个页面，但它可能就像这样。

使用jquery挂钩双击事件。

查看所选单词。

将所选单词发送到查找服务，在新窗口中打开。

以下是一些代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<div id="target">
Im a newbie in javascript and I was in Ny times page and i noticed a pretty cool feature...
</div>

<script>
$('#target').dblclick(function() {
  window.open("http://www.google.com/?q="+window.getSelection());
});
</script>

Answer 3

看起来NYT的定义功能是由Answers.com提供支持的。它可能是this Answers.com tool的修改。

它似乎不是AJAX，只是在弹出窗口中加载一个远程页面。

Answer 4

John Resig在2011年3月15日至3月22日期间在他的博客上发表了三篇文章，详细介绍了最有效的词典搜索方法。

从first one开始，然后阅读下两个。你会成为专家。