新浪微博検索box_javascriptスキルを模倣するJS CSSメソッド

この記事の例では、JS CSS を使用して Sina Weibo のような検索ボックスを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
window.onload=function(){
// 以下で使用する一連の変数を宣言します
var obox=document.getElementById("box");
obj=document.getElementById("in");
osug=document.getElementById("提案");
oa=osug.getElementsByTagName("スパン");
//IE および Firefox ブラウザと互換性がありますが、テストの結果、ie678 は動作するが、ie9 では動作しないことが判明しました。オンラインで確認したところ、ie9 に問題があるとのことです。
obj.oninput=obj.onpropertychange=onchange;
関数 onchange(){
var txt=this.value;
var word=txt.length;
if(単語==0){
osug.style.display="none";
}else if(words osug.style.display="ブロック";
for( var i=0;len=oa.length,i oa[i].innerHTML=txt;
}
}else if(単語>8){
osug.style.display="ブロック";
var limit=txt.substring(0,8) "...";
for( var i=0;len=oa.length,i oa[i].innerHTML=limit;
}
}
}
}
関数 disbox(){
document.getElementById("suggest").style.display="none";
}

「」で関連する Weibo
を検索 & Lt; a href = "###" & gt; "& lt; スパン & gt; & lt;/a & gt;"

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。