\u4e3a\u4f60\u7684\u7f51\u7ad9\u6dfb\u52a0\u767e\u5ea6\u641c\u7d22\u529f\u80fd\uff01<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\u00a0 \u00a0 <meta charset=\"UTF-8\">\r\n\u00a0 \u00a0 <meta name=\"viewport\" content=\"width = device-width\",initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no\">\r\n\u00a0 \u00a0 <title>baidu<\/title>\r\n\u00a0 \u00a0 <style type=\"text\/css\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \/*body,html{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 100%;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 100%;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }*\/\r\n\u00a0 \u00a0 \u00a0 \u00a0 *{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 margin: 0px;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 padding: 0px;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #img{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 margin: 100px auto 0px;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #img img{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 1.2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #te{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 0.2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 line-height: 0.2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 2.5rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 float: left;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text-indent: 0.05rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #but{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 0.4rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 0.22rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 line-height: 0.2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 float: left;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #box{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 3.0rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 margin: 0 auto 0;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: relative;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #show{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 3.0rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/*border: 1px solid red;*\/\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 margin:0 auto 0;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 display: none;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: relative;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 #show ul li{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 float: left;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 0.2rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 list-style: none;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 a{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text-decoration: none;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 display: block;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 font-size: 0.1rem;\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 <\/style>\r\n<\/head>\r\n<body>\r\n\u00a0 \u00a0 <div id=\"img\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <img src=\"images\/logo.png\">\r\n\u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 <div id=\"box\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <input type=\"text\" name=\"search\" id=\"te\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <input type=\"button\" name=\"\" id=\"but\" value=\"\u767e\u5ea6\u4e00\u4e0b\">\r\n\u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 <div id=\"show\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <ul>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/ul>\r\n\u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 <script type=\"text\/javascript\" >\r\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth\/10 + \"px\";\r\n\u00a0 \u00a0 \u00a0 \u00a0 var inp = document.getElementById('te');\r\n\u00a0 \u00a0 \u00a0 \u00a0 var show = document.getElementById('show');\r\n\u00a0 \u00a0 \u00a0 \u00a0 var oul = document.getElementsByTagName('ul')[0];\r\n\u00a0 \u00a0 \u00a0 \u00a0 inp.onkeyup = function(){\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if(inp.value){\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 show.style.display=\"block\";\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }else{\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 show.style.display=\"none\";\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var os = document.createElement('script');\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 os.src='https:\/\/sp0.baidu.com\/5a1Fazu8AA54nxGko9WTAnF6hhy\/su?wd='+inp.value+'&json=1&p=3&sid=1458_21079_18133_20697_20930&req=2&csor=1&cb=figting'\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 document.body.appendChild(os);\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 var but = document.getElementById('but');\r\n\u00a0 \u00a0 \u00a0 \u00a0 but.onclick = function(){\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var url = 'https:\/\/www.baidu.com\/s?wd='+inp.value+'&rsv_spt=1&rsv_iqid=0xc918c1cc0000cae8&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=0&rsv_sug3=2&rsv_sug1=2&rsv_sug7=101&inputT=333217&rsv_sug4=333218';\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 window.open(url);\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 function figting(mjson){\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 oul.innerHTML = \"\";\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var l = mjson.s;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 for ( var i = 0;i<l.length;i++) {\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var oli = document.createElement('li');\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 oli.innerHTML='<a href=https:\/\/www.baidu.com\/s?wd='+l[i]+'&rsv_spt=1&rsv_iqid=0xc918c1cc0000cae8&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=0&rsv_sug3=2&rsv_sug1=2&rsv_sug7=101&inputT=333217&rsv_sug4=333218>'+l[i]+'<\/a>'\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 oul.appendChild(oli);\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\u00a0 \u00a0 <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n\u200b<\/p>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » JavaScript\u4e4b\u7f51\u7ad9\u6dfb\u52a0\u767e\u5ea6\u641c\u7d22\u529f\u80fd<\/a><\/p>","protected":false},"excerpt":{"rendered":"\u4e3a\u4f60\u7684\u7f51\u7ad9\u6dfb\u52a0\u767e\u5ea6\u641c\u7d22\u529f\u80fd\uff01 <!DOCTYPE html> <html> <head> \u00a0 \u00a0 <meta charset=”UTF-8″> \u00a0 \u00a0 […]<\/p>\n","protected":false},"author":1,"featured_media":81,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/80"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=80"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/80\/revisions"}],"predecessor-version":[{"id":82,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/80\/revisions\/82"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}