<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"/> <title> olá world </title> <link href = "style.css" rel = "nofollow" Rel = "Stylesheet" type = "text/javascript"> fontes = new Array ("www.sina.com", "www.baidu.com", "www.google.com", "www.sina.org", "www.baidu.og.cn"); tabinfo = ""; sinalizador = nova matriz (fontes.length); for (var i = 0; i <flag.length; i ++) sinalizador [i] = false; function imediatamente () {var element = document.getElementById ("i1"); if ("/v" == "v") {element.onPropertyChange = webchange; } else {element.addeventListener ("input", webchange, false); } função webChange () {var tab = document.all ("dl1"); for (var i = 0; i <flag.length; i ++) sinalizador [i] = false; // 重新初始化 if (element.Value) {var content.getElementById ("i1"). value; for (var i = 0; i <fontes.length; i ++) {if (fontes [i] .IndexOf (content)! = -1) {sinalizador [i] = true; }} para (var j = 0; j <flag.length; j ++) {if (flag [j]) {// fontes [j] 有与文本框文字相同的内容 if (tab.rows.length> 0) {for (var k = 0; k <tab.rows.length; k ++) se (tab.rows [k] .Cels [0]. Tab.Deleterow (K); } para (var k = 0; k <tab.rows.length; k ++) {tabinfo+= tab.rows [k] .Cells [0] .innerText; } if (tabinfo.indexOF (fontes [j]) == -1) {nrow = tab.insertrow (0); newCell = nrow.insertCell (); newCell.innerhtml = fontes [j]} tabinfo = ""; }}}}} </script> <script linguagem = "javascript"> var lastobj = null; function backblack () {event.srcelement.style.background = "Gray"; forcebackc6 (); if (event.srcelement.tagname == "td") {lastObj = event.srcelement; } FillData (); } function backc6 () {event.srcelement.style.background = "#cccccc"; } function forcebackc6 () {if (lastobj! = null) lastobj.style.background = "#f8f8ff"; } function prehfillData () {if (lastobj.innerhtml! = null) document.all.i1.value = lastobj.innerhtml; } function init () {camada1.style.top = i1.offsettop+40; Camada1.style.left = i1.offsetleft; Camada1.style.visibility = "visível"; } function hideBelow () {Layer1.style.visibility = "Hidden"; } </script> </ad Head> <body> <input type = "text" id = "i1" style = "altura: 20px" onfocus = "init ()" onblur = "hideBelow ()"/> <script type = "text/javascript"> imediatamente (); </script> <div id = "camada1"> <tabela id = "dl1" cellspacing = "0" onMouseout = "backc6 ()" onMouseOverover = "backblack ()"> </ table> </div> <br> </body> </html>