为了从66网站向88网站引流，增加两个网站权重，同时也方便我管理这么多整理的资源，我这里下载链接按钮，链接的资源都是跳转到88网站的，涉及到两个网站之间传参数，我这里直接在网址后面传递了参数，参数格式如图所示，下划线前面是真实的搜索词，并传到后台，下划线后面是用户在输入框看到的词，这样做的目的：基于88网站的切词搜索算法，我这里对用户搜索的东西要保证切词后有两个词([分布,实例])才能在后台检索出来scrapy分布爬虫实例，如果用户在输入框看到是分布实例，可能不太友好，所以下划线后面跟的才是用户真实从输入框看到的词。这样就牵涉到怎么用前端技术实现，发送到后端的是下划线前面的词，用户看到的是后面的词

首选我们看下方代码，在页面加载后做如下事情

window_url: 获取当前页面的地址，包含了网址后面的参数

search_word:获取参数中=后面的参数，decodeURI是为了url解码

real_word:   参数中下划线前面的词

show_word: 参数中下划线后面的词

window_url = window.location.href;
            $(".msg_input").focus(function(){
                $(".msg_input").val("").css("opacity",1)
        })
if(window_url.indexOf("=")>-1){
                search_word = decodeURI(window_url.split("=")[1]);
if(search_word.indexOf("_")>-1){
                    real_word = search_word.split("_")[0];
                    show_word = search_word.split("_")[1];
                    $(".msg_input").val(real_word);
                    $(".msg_input_1").val(show_word);
            }else{
                    $(".msg_input").val(search_word);
                    $(".msg_input_1").val(search_word);
            }
                $(".msg_input").css("opacity",0);
                $(".msg_input_2").css("opacity",0)
        }

接下来看布局：

msg_input : 最上层输入框(用户看到的)

msg_input1:中层输入框

msg_input2:下层输入框

我这里最上层输入框这里将不透明度opacity注释掉了，同时top值也向上调了调，看到是覆盖了下面的msg_input1和msg_input2的，说白了，下划线前面的真实搜索词我是放在了msg_input中，只不过我是透明度设置为0了，你看到的是后面msg_input1里面的词(下划线后面的词)，用了一点障眼法，传到后台的还是顶层的分布实例，而不是scrapy分布式爬虫实例

说明:msg_input1中间层，按理说不加应该也行，不过我当时加的时候是为了调节布局显示异常问题

python爬虫人工智能大数据公众号