javascript实现的基于金山词霸网络翻译的代码


Posted in Javascript onJanuary 15, 2010

上图:
javascript实现的基于金山词霸网络翻译的代码
注意下面的代码,最好保存为utf-8格式的,要不容易出现乱码。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>javascript 金山词霸在线网络翻译 </title> 
</head> 
<body> 
<script type="text/javascript"> 
function $(id) { return document.getElementById(id); } 
function callScript(url, loaded, error, charset) { 
var script = document.createElement("script"); 
if (typeof charset == "string") script.charset = charset; 
script.onreadystatechange = function() { 
switch (this.readyState) { 
case "complete": 
case "loaded": 
if (typeof loaded == "function") loaded(); 
if (script.parentNode) script.parentNode.removeChild(script); 
break; 
} 
} 
script.onload = function() { 
if (typeof loaded == "function") loaded(); 
if (script.parentNode) script.parentNode.removeChild(script); 
} 
script.onerror = function() { 
if (typeof error == "function") error(); 
if (script.parentNode) script.parentNode.removeChild(script); 
} 
script.type = "text/javascript"; 
script.defer = "true"; 
script.src = url; 
var parent = document.getElementsByTagName("HEAD")[0] || document.documentElement; 
if (parent && parent.insertBefore) parent.insertBefore(script, parent.firstChild); 
} 
function button_translateClick() { 
var word = encodeURIComponent($("text_word").value); 
if (!word) { 
alert(''); 
$("text_word").focus(); 
return; 
} 
callScript("http://server.dict-co.iciba.com/jsInterface.php?uiType=0&w=" + word + "&type=6"); 
callScript("http://server.dict-co.iciba.com/jsInterface.php?uiType=0&w=" + word + "&dict=Dict,Tf,Enen,"); 
callScript("http://server.dict-co.iciba.com/jsInterface.php?uiType=0&w=" + word + "&dict=Dict,Tf,Enen,"); 
callScript("http://server.dict-co.iciba.com/jsInterface.php?uiType=0&w=" + word + "&type=2"); 
} 
function text_wordKeydown(e) { 
if (!e) e = window.event; 
switch (e.keyCode | e.which | e.charCode) { 
case 13: 
button_translateClick(); 
break; 
} 
} 
function LoveCallback(context) { 
$("div_context").innerHTML = context; 
} 
function dictCallBack(context) { 
$("div_head").innerHTML = context; 
} 
function tfCallback(context) { 
$("div_thesaurus").innerHTML = context; 
} 
function En2enCallback(context) { 
$("div_en2en").innerHTML = context; 
} 
function djCallback(context) { 
$("div_dj").innerHTML = context; 
} 
function searchDictByWord(e) { 
var element = typeof event != "undefined" ? event.srcElement : e.target; 
$("text_word").value = element.innerHTML; 
button_translateClick(); 
} 
</script> 
<input id="text_word" type="text" value="hello" onkeydown="text_wordKeydown(event)" /> 
<input type="button" value="搜索" onclick="button_translateClick()"/> 
<div id="div_head"></div> 
<div id="div_context"></div> 
<div id="div_thesaurus"></div> 
<div id="div_en2en"></div> 
<div id="div_dj"></div> 
</body> 
</html>
Javascript 相关文章推荐
用jquery生成二级菜单的实例代码
Jun 24 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
p5.js实现动态图形临摹
Oct 23 Javascript
vuex state中的数组变化监听实例
Nov 06 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 Javascript
JavaScript如何实现图片处理与合成
May 29 Javascript
微信小程序轮播图swiper代码详解
Dec 01 Javascript
JQuery 引发两次$(document.ready)事件
Jan 15 #Javascript
用jQuery扩展自写的 UI导航
Jan 13 #Javascript
jQuery的一些特性和用法整理小结
Jan 13 #Javascript
JavaScript关于select的相关操作说明
Jan 13 #Javascript
海量经典的jQuery插件集合
Jan 12 #Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 #Javascript
jquery下操作HTML控件的实现代码
Jan 12 #Javascript
You might like
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
2013/04/11 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
Node.js文件操作详解
2014/08/16 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
select标签设置默认选中的选项方法
2018/03/02 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python中常见的数据类型小结
2015/08/29 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
Python中正则表达式详解
2017/05/17 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
yy结婚证婚词
2014/01/10 职场文书
体育课课后反思
2014/04/24 职场文书
法学专业毕业生求职信
2014/06/12 职场文书
花木兰观后感
2015/06/10 职场文书
开学典礼观后感
2015/06/15 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技