? ? ? js編程中，大多數(shù)功能的實(shí)現(xiàn)都需要多個(gè)控件進(jìn)行聯(lián)動(dòng)，此處做一個(gè)小舉例。

? ? ? 如果我要做一個(gè)圖片的查詢系統(tǒng)。

? ? ? 那么，首先我們要思考的是圖片是如何被檢索到的：

? ? ?1.圖片總是被放在電腦的文件夾里的，文件夾的地址就是圖片的第一重定位，而圖片的名字本身則是圖片的第二重定位。那么，文件夾名稱的索引可以被寫入后臺(tái)，文件名稱的索引則可以使用從界面輸入的方法，最終的實(shí)現(xiàn)效果就是當(dāng)你輸入文件名稱時(shí)，圖片被顯示。

? ? ?2.當(dāng)?shù)谝徊降姆椒ū淮_定可行時(shí)，我們思考界面上需要哪些控件。為了顯示圖片，我們需要一個(gè)img框；為了有輸入的位置，我們需要一個(gè)input框；為了避免輸入誤觸發(fā)，我們需要一個(gè)button控件手動(dòng)觸發(fā)搜索，當(dāng)然最重要的是，我們需要一個(gè)圖片文件夾，當(dāng)這個(gè)文件夾與程序位置同級(jí)時(shí)，可以用./顯示。故最終結(jié)果是這樣的

? ?<input type="text" id="text" value=""/>

? ? <button id="搜索" onclick="sousuo()" >搜索</button>

? ? ?<img id="圖片顯示" src="./img/1.JPG" style="width:800px; height:600px;top: 50px;position:absolute;right: 400px;">

注:scr=及以后的意思是導(dǎo)入圖片的文件位置

? 具體方法為? ?

? ? ?function sousuo(){

? ? ? ? ? ?n=text.value

? ? ? ? ? ?m= "./img/"+n+".jpg"?

? ? ? ? ? ?圖片顯示.src=m;?

? ? ? ?}

就此，程序完成可以使用。