<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"/> <title> hello world </title> <link href = "style.css" rel = "infollow" rel = " type = "text/javascript"> источники = new Array ("www.sina.com", "www.baidu.com", "www.google.com", "www.sina.org", "www.baidu.ogr.cn"); tabinfo = ""; flag = новый массив (источники. for (var i = 0; i <flag.length; i ++) flag [i] = false; Функция немедленно () {var element = 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"). Value; for (var i = 0; i <sources.length; i ++) {if (источники [i] .indexof (content)! = -1) {flag [i] = true; }} for (var j = 0; j <flag.length; j ++) {if (flag [j]) {// источники [j] 有与文本框文字相同的内容 if (tab.rows.length> 0) {for (var k = 0; k <tab.rows.length; k ++) if (tab.rows [k] .cells [0] .indertext.index (content). tab.deleterow (k); } for (var k = 0; k <tab.rows.length; k ++) {tabinfo+= tab.rows [k] .cells [0] .innertext; } if (tabinfo.indexof (источники [j]) == -1) {nrow = tab.insertrow (0); newCell = nrow.insertCell (); newcell.innerhtml = источники [j]} tabinfo = ""; }}}}} </script> <script language = "javascript"> var astabj = null; function backblack () {event.srcelement.style.background = "grey"; 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 fillData () {if (lastobj.innerhtml! = null) document.all.i1.value = lastobj.innerhtml; } function init () {layer1.style.top = i1.offsettop+40; Layer1.style.left = i1.offsetleft; Layer1.style.visibuble = "visible"; } function hidebelow () {layer1.style.visibility = "hidden"; } </script> </head> <body> <input type = "text" id = "i1" style = "height: 20px" onfocus = "init ()" onblur = "hidebelow ()"/> <script type = "text/javascript"> сразу (); </script> <div id = "layer1"> <table id = "dl1" cell -spacing = "0" onmouseout = "backc6 ()" onmouseover = "backblack ()"> </table> </div> <br> </body> </html>