<! Doctype html> <html> <fead> <meta http-equiv = "content-type" content = "text/html; charset = gbk"/> <title> hello world </title> <link href = "style.css" rel = "externo" relati "rel =" Stylesheet "type =" text/css "> <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <script <scripte type = "Text/JavaScript"> Sources = New Array ("www.sina.com", "www.baidu.com", "www.google.com", "www.sina.org", "www.baidu.gr.cn"); tabinfo = ""; bandera = nueva matriz (fuentes.length); para (var i = 0; i <flag.length; i ++) flag [i] = false; función inmediatamente () {var elemento = document.getElementById ("i1"); if ("/v" == "v") {element.onpropertychange = webchange; } else {element.addeventListener ("input", webchange, false); } function webchange () {var tab = document.all ("dl1"); for (var i = 0; i <flag.length; i ++) flag [i] = false; // 重新初始化 if (element.value) {var content = document.getElementById ("i1"). valor; for (var i = 0; i <fuentes.length; i ++) {if (fuentes [i] .indexof (content)! = -1) {flag [i] = true; }} para (var j = 0; j <flag.length; j ++) {if (flag [j]) {// fuentes [j] 有与文本框文字相同的内容 if (tab.rows.length> 0) {for (var k = 0; k <tab.rows.length; k ++) if (tab.Rows [k] .cells [0] .innert tab.deleterow (k); } for (var k = 0; k <tab.rows.length; k ++) {tabinfo+= tab.rows [k] .Cells [0] .innertext; } if (tabinfo.indexof (fuentes [j]) == -1) {nrow = tab.insertrow (0); newCell = nrow.insertcell (); newCell.innerhtml = fuentes [j]} tabinfo = ""; }}}}} </script> <script language = "javascript"> var lastobj = null; function backblack () {event.srcelement.style.background = "Gray"; ForceBackC6 (); if (event.srcelement.tagname == "td") {lastobj = event.srcelement; } relleno (); } function backc6 () {event.srcelement.style.background = "#cccccc"; } function forceBackC6 () {if (lastObj! = null) lastobj.style.background = "#f8f8ff"; } function fillData () {if (lastobj.innerhtml! = null) document.ALL.i1.value = lastobj.innerhtml; } function init () {layer1.style.top = i1.offsettop+40; Capa1.style.left = i1.offsetleft; Capa1.style.visibility = "Visible"; } function hearBeLow () {layer1.style.visibility = "Hidden"; } </script> </head> <body> <input type = "text" id = "i1" style = "altura: 20px" onfocus = "init ()" onblur = "hearbelow ()"/> <script type = "text/javaScript"> inmediatamente (); </script> <div id = "Layer1"> <table id = "dl1" celular = "0" onMouseOut = "backc6 ()" onMouseOver = "backblack ()"> </table> </div> <br> </body> </html>