javascript 使用金山词霸网络翻译(转自CSDN)

2024-01-07 21:58

本文主要是介绍javascript 使用金山词霸网络翻译(转自CSDN),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

<html>
<head>
<title>金山词霸 -- 微型网络版</title>
</head>
<body>
<script type="text/javascript">
/*
设计:王集鹄(http://blog.csdn.net/zswang)
日期:2009年5月18日
版权:http://www.iciba.com
*/
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 使用金山词霸网络翻译(转自CSDN)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/581353

相关文章

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Linux换行符的使用方法详解

《Linux换行符的使用方法详解》本文介绍了Linux中常用的换行符LF及其在文件中的表示,展示了如何使用sed命令替换换行符,并列举了与换行符处理相关的Linux命令,通过代码讲解的非常详细,需要的... 目录简介检测文件中的换行符使用 cat -A 查看换行符使用 od -c 检查字符换行符格式转换将

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.

Linux系统配置NAT网络模式的详细步骤(附图文)

《Linux系统配置NAT网络模式的详细步骤(附图文)》本文详细指导如何在VMware环境下配置NAT网络模式,包括设置主机和虚拟机的IP地址、网关,以及针对Linux和Windows系统的具体步骤,... 目录一、配置NAT网络模式二、设置虚拟机交换机网关2.1 打开虚拟机2.2 管理员授权2.3 设置子

揭秘Python Socket网络编程的7种硬核用法

《揭秘PythonSocket网络编程的7种硬核用法》Socket不仅能做聊天室,还能干一大堆硬核操作,这篇文章就带大家看看Python网络编程的7种超实用玩法,感兴趣的小伙伴可以跟随小编一起... 目录1.端口扫描器:探测开放端口2.简易 HTTP 服务器:10 秒搭个网页3.局域网游戏:多人联机对战4.

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co