<! Doctype html> <html> <éadf> <meta http-equiv = "content-type" content = "text / html; charset = gbk" /> <t titre> bonjour world </ title> <link href = "style.css" rel = "external nofold" "rel =" style "type =" text / css "> <script" scrip type = "text / javascript"> sources = new Array ("www.sina.com", "www.baidu.com", "www.google.com", "www.sina.org", "www.baidu.ogr.cn"); tabinfo = ""; Flag = nouveau tableau (sources.length); for (var i = 0; i <flag.length; i ++) flag [i] = false; function immédiatement () {var élément = document.getElementById ("i1"); if ("/ v" == "v") {element.onpropertychange = webchange; } else {element.addeventListener ("entrée", webchange, false); } fonction webchange () {var tab = document.all ("dl1"); pour (var i = 0; i <Flag.length; i ++) flag [i] = false; // 重新初始化 if (element.value) {var contenu = document.getElementByid ("i1"). valeur; for (var i = 0; i <sources.length; i ++) {if (sources [i] .indexof (contenu)! = -1) {flag [i] = true; }} pour (var j = 0; j <flag.length; j ++) {if (flag [j]) {// sources [j] 有与文本框文字相同的内容 if (tab.rows.length> 0) {for (var k = 0; k <tab.rows.length; k ++) if (tab.rows [k] .cells [0] .Innertex tab.deleterrow (k); } pour (var k = 0; k <tab.Rows.length; k ++) {tabinfo + = tab.rows [k] .cells [0] .InnerText; } if (tabinfo.indexof (sources [j]) == -1) {nrow = tab.insertrow (0); newCell = nrow.InsertCell (); newCell.innerHtml = sources [j]} tabinfo = ""; }}}}} </ script> <script linguisse = "javascript"> var lastObj = null; fonction backblack () {event.srcelement.style.background = "gris"; ForceBackc6 (); if (event.srcelement.tagname == "td") {lastObj = event.srcelement; } fillData (); } fonction backc6 () {event.srcelement.style.background = "# cccccc"; } fonction forcebackc6 () {if (lastObj! = null) lastObj.style.background = "# f8f8ff"; } fonction fillData () {if (lastObj.innerhtml! = null) document.all.i1.value = lastObj.innerHtml; } fonction init () {couche1.style.top = i1.offsetTop + 40; Couche1.style.left = i1.offsetLeft; Couche1.style.visibilité = "visible"; } fonction hideBelow () {couche1.style.visibilité = "Hidden"; } </ script> </ head> <body> <input type = "text" id = "i1" style = "height: 20px" onfocus = "init ()" onblur = "hideBelow ()" /> <script type = "text / javascript"> immédiatement (); </ script> <div id = "couche1"> <table id = "dl1" CellSpacing = "0" onMouseout = "backc6 ()" onMouseOver = "backBlack ()"> </-table> </div> <br> </ body> </html>