百度搜索案例

阿新 • • 發佈：2018-12-16

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度搜索</title>
    <style>
        #box{
           position: absolute;
            left: 50%;
            margin-left: -200px;
            top: 200px;
        }
        #txt{
            width: 
 300px;
            height: 20px;
        }
    </style>
</head>
<body>
<div id="box">
    <input type="text" id="txt" value="">
    <input type="button" value="搜尋" id="btn">
</div>
<script src="../案例分析/common.js"></script>
<script>
    function $(id) 
 {
        return document.getElementById(id)

    }
    //設定元素的文字內容 ,element為任意元素 ，text為任意文字內容
    // function setInnerText(element,text) {
    //     if(typeof element.textContent === 'undefined'){
    //         element.innerText = text;
    //     }else{
    //         element.textContent = text;
    //     } 

    //
    // }

    var keywords = ['胡哥小浪漫','清除我','夏至未至','小樣的一切',
        '縫紉下u先','凡人修仙傳','胡哥','胡歌','呼籲','胡戈','胡下'
    ];
    //獲取文字框的註冊鍵盤擡起事件
    $('txt').onkeyup = function () {
        //每一次鍵盤擡起都判斷頁面中有沒有這個div
        if($('dv')){
            //有進行刪除
            $('box').removeChild($('dv'));//因為會重新進行建立
        }
        //獲取文字框輸入的內容
        var text = this.value;
        var tempArr = [];//臨時陣列--空陣列--存放對應的資料
        //把文字框的輸入的內容與陣列中的每個資料進行對比
        for(var i=0;i<keywords.length;i++){
            if(keywords[i].indexOf(text) === 0){ //判斷每個字串的第一個字元是否與輸入的字串相同
                tempArr.push(keywords[i]); //把字串進行追加到陣列當中


            }
        }
        console.log(tempArr.length);
        console.log(tempArr);

        //遍歷臨時陣列，建立div
        //如果臨時陣列和文字框是空的，不用建立div
        if(this.value.length === 0||tempArr.length ===0){ //當文字框什麼都沒有，而且臨時陣列也為空
            //如果頁面中有div，刪除div
            if($('dv')){ //判斷頁面中是否有這個div
                $('box').removeChild($('dv'));
            }
            return;//由於這是函式，用return 後面的事件不再繼續進行
        }
        var objDiv = document.createElement('div');
        $('box').appendChild(objDiv);//把div加入到box
        objDiv.id = 'dv';
        objDiv.style.width = '300px';
        //objDiv.style.height = '200px';
        objDiv.style.border = '1px green solid';

        //迴圈遍歷臨時陣列，建立對應的p標籤
        for(var i=0;i<tempArr.length;i++){
            var pObj = document.createElement('p');
            objDiv.appendChild(pObj);
            setInnerText(pObj,tempArr[i]);//給p標籤加入文字內容
            pObj.style.margin = '0';
            pObj.style.padding = '0';
            pObj.style.cursor = 'pointer';
            pObj.style.marginTop = '5px';
            pObj.style.marginLeft = '5px';
            //createDiv();

            //滑鼠進入

            pObj.onmouseover = function () {
                this.style.backgroundColor = 'red';
            }
            //滑鼠移出
           pObj.onmouseout = function () {
               this.style.backgroundColor = ''
           }

        }

    }


</script>
</body>
</html>

百度搜索案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度搜索</title> <style>

案例：實現百度搜索提示

分析：在輸入框中輸入詞彙後，提示出以該關鍵字開頭的存在資料庫中的記錄一、搭建環境 1、定義首頁 <body> <center> <input type="text" name="word" id="word" style="width: 600

案例：模擬百度搜索

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>

jplogicv1.0開發開發案例之知識庫文件資訊索引檢索（類仿百度搜索、類google搜尋）

基於很多專案中都都可能會使用到針對海量文件資訊進行實時檢索的需要！對於使用者而言比較習慣於百度搜索的使用！本文針對海量文件檢索的需求進行描述！針對海量的文件資料我們需要做到最起碼兩點：1、高效索引 2、高效搜尋。當然做到這兩點我們需要在我們的專案中完成多道工序，根據索引框

C# 百度搜索結果xpath分析

als 接收數據 har rim resp inner ets webclient containe using System; using System.Collections.Generic; using System.IO; using System.Linq; u

Python實驗:百度搜索關鍵字自動打開相關URL

python實驗:百度搜索關鍵字自動打開相關url#! python # coding: utf-8 # python實現百度搜索關鍵字，並依次用瀏覽器打開前五個搜索結果 ## ##Beautiful Soup 是一個模塊，用於從HTML 頁面中提取信息（用於這個目的時，它比正則表達式好很多）。Beautif

python實現百度搜索

python 爬蟲 mechanize 瀏覽器利用Python mechanize模塊模擬瀏覽器實現百度搜索# -*- coding:utf-8 -*- import mechanize import sys reload(sys) sys.setdefaultencoding(‘utf8‘

百度搜索建議API

建議 amp nbsp api cti 函數等價回調函數自定義函數 1.直接返回json數據 http://suggestion.baidu.com/?wd=關鍵詞&action=opensearch 2.json數據當做回調函數的參數傳回來http://

python爬取百度搜索圖片

知乎需要 with 異常 mage 不足 request height adr 在之前通過爬取貼吧圖片有了一點經驗，先根據之前經驗再次爬取百度搜索界面圖片廢話不說，先上代碼 #!/usr/bin/env python # -*- coding: utf-8 -*- #

python爬取百度搜索結果ur匯總

百度搜索 sta attr amp end rom range 百度篩選寫了兩篇之後，我覺得關於爬蟲，重點還是分析過程分析些什麽呢： 1）首先明確自己要爬取的目標　　比如這次我們需要爬取的是使用百度搜索之後所有出來的url結果 2）分析手動進行的獲取目標的過程，以便

我的第一個自動化腳本（python）----百度搜索

expect style 目錄 .exe nbsp com 自動其他人其他這是一個純小白胡說八道的個人總結，如果有人看到什麽不對的，歡迎批評指正博客園開通了很久，一直不知道該怎麽去寫，總覺得自己要寫的東西都是別人已經寫過的，我再去寫就是在重復之前人所說，今天去面試和

高仿百度搜索引擎

ucc return 回調函數 else 上下 about inpu click eat 這是百度搜索 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset=

python實現簡單的百度搜索

python 百度爬蟲#!/usr/bin/python # coding=utf-8 import urllib import urllib2 #實現百度關鍵字查詢的小例子 #定義基礎url url = "http://www.baidu.com/s?" #定義請求頭信息 headers = {"U

js仿百度搜索框

eat ucc txt tex text str jquer nbsp erro 1.js仿百度搜索框 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

百度搜索將推出“驚雷算法”打擊網站刷點擊作弊行為

百度搜索驚雷算法百度站長平臺11月剛改版為百度搜索資源平臺，各位站長應該還記得“閃電算法”吧？上個月的閃電讓各位站長吃的消嗎？而今天，就在今天淩晨百度搜索資源平臺發布新的算法預告“驚雷算法”！公告原文如下：百度搜索推出驚雷算法嚴厲打擊刷點擊作弊行為發布日期：2017-11-20 00:00:00百度搜索

Ruby用百度搜索爬蟲

https each span 分享圖片百度 .get get請求 puts 分享 Ruby用百度搜索爬蟲博主ruby學得斷斷續續，打算寫一個有點用的小程序娛樂一下，打算用ruby通過百度通道爬取網絡信息。第三方庫準備 mechanize：比較方便地處理網絡請求，類

【專家專欄】淺談百度搜索排序

百度搜索排序站長圈經常聊的話題中，怎麽提升百度排序一定是排名TOP3的問題，那百度排序的原理是什麽，該怎麽提升，今天給大家分享一下經驗心得。關於排序這件事兒對於像百度搜索來說，並沒有排序這一說法，搜索引擎認為排序是在特定的關鍵詞下網站內容的位置，而關鍵詞是由用戶搜索產生，如果一個關鍵詞沒有被搜索，也就意味著這

利用百度搜索結果爬取郵箱

.... sheet pro 編輯部 pic exception exc gecko 正則表達幫同學做一個關於爬取教授郵箱的任務，在百度搜索中輸入教授的名字+長江學者+郵箱，爬取並篩選每個教授的郵箱，最後把郵箱信息寫入到Excel表中：--爬取結果爭取率大概在50%-60

Alfred 3 如何設置默認搜索引擎（以百度搜索為例）

今天 alfred width city search left 屏幕由於 -o 今天，由於收到UDACITY的微信新聞，關於使用Alfred 工具的介紹，所以一時興起，決定再把Alfred研究一下，以後再慢慢適應使用Alfred，結果花了近2個小時才總算把Alfred默

selenium-webdriver循環點擊百度搜索結果以及獲取新頁面的handler

pre Coding 之前 ref port 圖片自動化測試自動頁面　　webdriver還是很有意思的，之前用過Ruby的watir的自動化測試框架，感覺selenium的這套框架更好一些，很容易就可以上手。我雖然不做自動化這塊，不過先玩玩再說，多學點東西

百度搜索案例

相關推薦