<!doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"/> <title> hello world> <link href = "style.css" rel = "real =" extensheet "" TypeLesheet ">"> sources = new Array( "www.sina.com"、 "www.baidu.com"、 "www.google.com"、 "www.sina.org"、 "www.baidu.ogr.cn"); tabinfo = ""; flag = new Array(sources.length); for(var i = 0; i <flag.length; i ++)flag [i] = false; function aver(){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; // for(var i = 0; i <sources.length; i ++){if(sources [i] .indexof(content)!= -1){flag [i] = true; }} for(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]。 Tab.Deleterow(k); } for(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> <スクリプト言語= "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 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.visibility = "visible"; } function hidebelow(){layer1.style.visibility = "hidden"; } </script> </head> <body> <入力タイプ= "text" id "id =" i1 "style =" height: "onfocus =" init() "onblur =" hidebelow() "/> <script type =" text/javascript ">即時(); </script> <div id = "layer1"> <table id = "dl1" cellspacing = "0" onmouseout = "backc6()" onmouseover = "backblack()"> </table> </div> <br> </body> </html>