代码wwwwwwwwww

最新推荐文章于 2024-04-07 16:18:06 发布
最新推荐文章于 2024-04-07 16:18:06 发布
阅读量4.7k 收藏
点赞数
文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59777281/article/details/130327767
版权

实验6代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<script type="text/javascript">

    function setRootFontSize() {

        var rootHtml = document.documentElement;

        var rem = rootHtml.clientWidth / (1080 / 100);   //1080为设计图px宽度

        rootHtml.style.fontSize = rem + "px";

    }

    setRootFontSize();   //网页首次载入时执行一次

    window.addEventListener("resize", setRootFontSize, false);   //网页大小改变时执行

    window.addEventListener("orientationchange", setRootFontSize, false);   //横屏切换时执行

</script>

<style>

    * {

        margin: 0rem;

        padding: 0rem;

    }

    .top {

        position: fixed;

    }

    #wordArea input {

        float: left;

        width: 7.5rem;

        height: 1rem;

        padding: .03rem .05rem .03rem .2rem;

        border: .5px solid #000000;

        font-size: .5rem;

    }

    #searchArea input {

        position: absolute;

        right: -3.02rem;

        top: 0rem;

        width: 2.75rem;

        height: 1.09rem;

        font-size: .5rem;

    }

    #resultArea {

        float: left;

        margin-top: 1.4rem;

        width: 10.76rem;

        height: 6.16rem;

        border: 1px solid #000000;

    }

    li {

        list-style: none;

    }

    .lines {

        margin-top: .5rem;

    }

    .engword {

        margin-left: 1rem;

        float: left;

        font-size: .5rem;

    }

    .meaning {

        margin-left: 5rem;

        font-size: .5rem;

    }

</style>

<script src="js/jquery-3.1.1.min.js"></script>

<script>

    $().ready(function () {

        $("#wordArea input").bind('input', function () {

            var wordclip = $(this).val();

            $.ajax({

                url: "http://43.136.217.18:8081/getSimilarWords",

                data: { word: wordclip, max: 30 },

                type: "GET",

                datatype: "JSON",

                success: function (data) {

                    if (data.state == "SUC") {

                        var htmlcode = "<ul>";

                        for (var i in data.content) {

                            htmlcode += "<li>" + data.content[i] + "</li>";

                        }

                        htmlcode += "</ul>";

                        $("#resultArea").html(htmlcode);



 

                        $("#searchArea input").on('click', function () {

                            var wordtext = $("#wordArea input").val();

                            // alert(wordtext);

                            $("#wordArea input").val(wordtext);

                            $.ajax({

                                url: "http://43.136.217.18:8081/getWordDetail",

                                data: { word: wordtext },

                                type: "GET",

                                datatype: "JSON",

                                success: function (data) {

                                    if (data.state == "SUC") {

                                        var htmlcode2 = "<ul>";

                                        for (var j in data.content) {

                                            // var engwordname = data.content[j].eng;

                                            htmlcode2 += "<li class='lines'>";

                                            htmlcode2 += "<div class='engword'>" + data.content[j].eng + "</div>";

                                            var temp = '';

                                            for (var i in data.content[j].trans) {

                                                temp += data.content[j].trans[i].pos + data.content[j].trans[i].chn;

                                                temp += '&nbsp;&nbsp;&nbsp;';

                                                // htmlcode2 += "<span class='meaning'>" + data.content[j].trans[i].pos + data.content[j].trans[i].chn + "</span>";

                                                // htmlcode2 += "<li>" + data.content[j].trans[i].chn + "</li>";

                                            }

                                            htmlcode2 += "<div class='meaning'>" + temp + "</div>";

                                            htmlcode2 += "</li>";

                                        }

                                        htmlcode2 += "</ul>";

                                        $("#resultArea").html(htmlcode2);

                                    }

                                    else {

                                        alert("查询不到该单词，是否输入有问题呢？");

                                    }

                                },

                                error: function () {

                                    alert("访问出错了！");

                                }

                            });

                        });



 

                        $("#resultArea li").on('click', function () {

                            var word2 = $(this).text();

                            // alert(word2);

                            $("#wordArea input").val(word2);

                            $.ajax({

                                url: "http://43.136.217.18:8081/getWordDetail",

                                data: { word: word2 },

                                type: "GET",

                                datatype: "JSON",

                                success: function (data) {

                                    if (data.state == "SUC") {

                                        var htmlcode2 = "<ul>";

                                        for (var j in data.content) {

                                            // var engwordname = data.content[j].eng;

                                            htmlcode2 += "<li class='lines'>";

                                            htmlcode2 += "<div class='engword'>" + data.content[j].eng + "</div>";

                                            var temp = '';

                                            for (var i in data.content[j].trans) {

                                                temp += data.content[j].trans[i].pos + data.content[j].trans[i].chn;

                                                temp += '&nbsp;&nbsp;&nbsp;';

                                                // htmlcode2 += "<span class='meaning'>" + data.content[j].trans[i].pos + data.content[j].trans[i].chn + "</span>";

                                                // htmlcode2 += "<li>" + data.content[j].trans[i].chn + "</li>";

                                            }

                                            htmlcode2 += "<div class='meaning'>" + temp + "</div>";

                                            htmlcode2 += "</li>";

                                        }

                                        htmlcode2 += "</ul>";

                                        $("#resultArea").html(htmlcode2);

                                    }

                                    else {

                                        alert("数据加载失败");

                                    }

                                },

                                error: function () {

                                    alert("访问出错了！");

                                }

                            });

                        });

                    }

                    else {

                        alert("数据加载失败");

                    }

                },

                error: function () {

                    alert("访问出错了！");

                }

            });

        });

    });

</script>

<body>

    <div class="top">

        <div id="wordArea"><input type="text" placeholder="请输入英文词汇"></div>

        <div id="searchArea"><input type="button" value="查词"></div>

    </div>

    <div id="resultArea"></div>

</body>

</html>

qq_59777281
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
3W敏以上mu吃红挂机连击脚本
04-02
结合【标签】"wwwwwwwwww"，虽然这个标签看似没有明确含义，但根据网络用语，可能暗示着强烈的赞同或者兴奋的情绪，也可能代表用户对这款脚本的高度评价或者对游戏的热情。 【压缩包子文件名称】"3万敏以上连击吃红...
设置IP批处理程序
02-27
自动设置IP地址的批处理程序，满足你经常需要更换IP地址的需求
wwwwwwwwwww
代码将军
12-07 3万+
function runEx(cod1) { cod=document.all(cod1) var code=cod.value; if (code!=""){ var newwin=window.open(,,); //打开一个窗口并赋给变量newwin。 newwin.opener = null // 防止代码对页面修改 newwin.do
那些年没了解明白的那些技术
lusic01的专栏
06-26 599
chrome---------depot_tool android---------gradle python包管理工具----pip WebStorm   是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。   hbuilder 
wwwwwwwwwwwwwww
最新发布
2301_81091295的博客
04-07 911
loadimage(&bjut, _T("C:\\Users\\licha\\Desktop\\贪吃蛇记得关\\Project1\\R-C.jpeg"), 640, 480);loadimage(&bjut, _T("C:\\Users\\licha\\Desktop\\贪吃蛇记得关\\Project1\\R-C.jpeg"), 640, 480);//FILE* fb = fopen("排名.txt", "r");/* FILE* fb = fopen("排名.txt", "r");
WWWWWWWWWWWWWWWW
asp知识
05-08 3万+
WEEEEEEEEEEEEEEEEEEEE
www是什么，http是什么，到底什么区别？
kai123wen的博客
03-08 3万+
www是域名系统中的主机名字，例如，www配合baidu.com（域名）来用于DNS解析。 http是一种访问协议，用于从服务器中取得信息，前提是服务器支持http协议。 当浏览器中输入www.baidu.com时，浏览器会自动将其转化为http://www.baidu.com，然后通过DNS层级结构，得到主机名为www，域名为baidu.com的主机ip地址，进行http请求，得到服务器中的...
网站的域名带www的和不带www的有什么区别呀
lxw1844912514的博客
08-08 3161
国内用户习惯用www,不过默认的不带www的域名要好过带www的，带Www的是二级域名，不带的是顶级域名，默认的在搜索引擎中得权重会比较高 区别就在于一个带www一个不带www 其他都一样。www的域名是不带www的子域名 ...
人脸识别实战：使用Opencv+SVM实现人脸识别.zip
12-16
人脸识别实战：使用Opencv+SVM实现人脸识别,详见：https://blog.csdn.net/hhhhhhhhhhwwwwwwwwww/article/details/121973738?spm=1001.2014.3001.5501
Deeplearning深度学习笔记（黄博士2017版课程笔记）
04-20
Deeplearning深度学习笔记（黄博士2017版课程笔记），2018.4.1最新更新，现在资源不能设置为免费了。。。sorry
sj-www-app:www代码
05-29
SpotJams 应用程序和站点的 WWW 代码
ewwwwwwwwwwwwwww
终点阿虎
02-25 5573
ewwwwwwwwwwwwwwwww
网站带www和不带www的区别！
weixin_30735391的博客
03-27 882
最近通过统计发现好多人都通过lookke.com进入网站，要知道带www和不带www他们的收录和权重也是不一样的，目前的博客的收录不带www就要比带www的网址收录的更多。w9 h* r7 yR通俗的解释：lookke.com 是一级域名，而在这之前的任何名称，比如www.lookke.com和down.lookke.com，都是二级域名。因此实际上，www.lookke.com...
WWW万维网是什么
热门推荐
xubohaojiaojiao的博客
07-31 4万+
WWW(World Wide Web)简称W3，有时也叫Web，中文译名为万维网，环球信息网等。WWW由欧洲核物理研究中心（ERN）研制，其目的是为全球范围的科学家利用Internet进行方便地通信，信息交流和信息查询。 WWW是建立在客户机／服务器模型之上的。WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transf...
万维网WWW简介
加载中...
05-30 3999
WWW体系结构框架Web网页的集合，每个页面都包含了指向其它页面的连接，这个连接就是超级连接（超链）浏览器是Web中最重要的角色之一，它是一个能显示阅读Web页面的工具Web的构成资源：通常是一些Web页面，不仅仅是HTML的页面，也包含音频、视频等各种各样的富媒体统一资源定位器(URL)：能够找到资源的地址通信协议：通常是HTTP，它可以把我们远方的资源和本地联系起来统一资源定位符找到一个Web...
两种方法动态的设置WebService地址
我的地盘
01-21 7003
http://hi.baidu.com/qirong_chen/item/35cd440ec96738f3a11034e2 1: 修改本地的代理类（添加一个新类，继承你的 WebService代理类） Code namespace Web_Service {    [System.Diagnostics.DebuggerStepThrough()，System.Compo
Pictures of Ascii Art
weixin_30835649的博客
07-17 617
简述 指尖上的艺术 - 通过键盘上韵律般的敲敲打打，一幅幅美轮美奂的艺术作品便跃然于屏。 这样的画作，包含了无穷的创意，糅合了现代计算机科技与传统绘画艺术，难道还有比这更令人陶醉的美妙事物吗？ 简述 天使 异形 动物 婴儿 鸟类和昆虫 生日 建筑 卡通 服饰 电脑 几何图形 万圣节 岛屿 Love 情侣 男人 机器人 骷髅 运动 文本 运输 卡车 名人 女人 其它 更...
主函数哪里调用合理么，如果set的command为"wwwwwwwwww"输出strlen(a),strlen(resultbuf),a,resultbuf值为多少
07-12
在给定的情况下，假设在主函数中的某个位置调用了 `SetUpTCPtoSendInformation` 函数，并且传递了 "set" 和 "wwwwwwwwww" 作为参数，那么可以根据代码逻辑推断出以下结果： - `strlen(a)` 的值为 0，因为在主函数中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值