咖啡Java

在網上看了一下js代碼感覺有點用，就轉過來，也算是俺的一點小練習。

<! DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"
????"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html? xmlns ="http://www.w3.org/1999/xhtml" ?xml:lang ="en" ?lang ="en" >
< head >
?? < title ></ title >
?? < style? type ="text/css" >
??#search {
????border : 1px?solid?#ccc ;
????color : #999 ;
?? }

?? </ style >
?? < script? type ="text/javascript" >
?? <!--
???? function ?addEvent(elm,?evType,?fn,?useCapture)
???????? // ?addEvent?and?removeEvent
???????? // ?cross-browser?event?handling?for?IE5+,??NS6?and?Mozilla
???????? // ?By?Scott?Andrew
????{
?????????? if ?(elm.addEventListener){
????????????elm.addEventListener(evType,?fn,?useCapture);
???????????? return ? true ;
??????????}? else ? if ?(elm.attachEvent){
???????????? var ?r? = ?elm.attachEvent( " on " + evType,?fn);
???????????? return ?r;
??????????}? else ?{
????????????alert( " Handler?could?not?be?removed " );
??????????}
????}

???? function ?externalLinks(){??????? // 設定屬性rel為external的連接在新頁面打開
???????? if ( ! document.getElementsByTagName)? return ?;
???????? var ?anchors = document.getElementsByTagName( " a " );
???????? for ( var ?i = 0 ;i < anchors.length;i ++ ){
????????????anchor = anchors[i];
???????????? if (anchor.getAttribute( " href " ) && anchor.getAttribute( " rel " ) == " external " ){
????????????????anchor.setAttribute( " target " , " _blank " );
????????????}
????????}
????}

???? function ?onSearchFocus(){??????????? // 搜索框獲取焦點時
???????? var ?search = document.getElementById( " search " );
???????? if (search.value == " 請輸入關鍵字 " ){???? // 如果輸入框內容是“請輸入關鍵字”，則清空內容，并設頂文字顏色為黑色
????????????search.value = "" ;
????????????search.style.color = " #000 "
????????}
????}
???? function ?onSearchBlur(){???????????? // 搜索框失去焦點時
???????? var ?search = document.getElementById( " search " );
???????? if (search.value == "" ){??????????????? // 如果輸入框內容為空，則設定文字顏色為灰色，內容為“請輸入關鍵子”
????????????search.style.color = " #999 " ;
????????????search.value = " 請輸入關鍵字 "
????????}
????}
????addEvent(window, " load " ,externalLinks)
?? -->
?? </ script >
</ head >

< body >
< p >
[External?links] < br? />
< a? href ="http://www.qq.com" ?rel ="external" > QQ.com </ a >< br? />
< a? href ="http://www.163.com" ?rel ="external" > 163.com </ a >< br? />
</ p >
< p >
[internal?Links] < br? />
< a? href ="http://www.blueidea.com" ?rel ="internal" > BlueIdea.com </ a >< br? />
< a? href ="http://www.51js.com" ?rel ="internal" > 51Js.com </ a >< br? />
</ p >

< p >
[Input?Test] < br? />
< input? type ="text" ?id ="search" ?value ="請輸入關鍵字" ?size ="20" ?onFocus ="onSearchFocus()" ?onblur ="onSearchBlur()" ? />
</ p >
</ body >
</ html >

from index：http://www.cnitblog.com/yemoo/archive/2006/06/25/12827.html