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 相关文章推荐
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
js窗口震动小程序分享
Nov 28 Javascript
详解js的事件代理(委托)
Dec 22 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 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中全局变量global的使用演示代码
2011/05/18 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
PHP模块化安装教程
2016/06/01 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
js innerHTML 改变div内容的方法
2013/08/03 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
Python3.4解释器用法简单示例
2019/03/22 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
python怎么判断模块安装完成
2020/06/19 Python
使用CSS3配合IE滤镜实现渐变和投影的效果
2015/09/06 HTML / CSS
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
行政部总经理岗位职责
2014/01/04 职场文书
人代会标语
2014/06/30 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
好好学习保证书
2015/02/26 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
如何利用golang运用mysql数据库
2022/03/13 Golang