JavaScript欄位清單隱藏/顯示簡單實作_javascript技巧

1.建構JavaScript庫

複製程式碼 程式碼如下:

程式碼如下:


(>(> function(){

//將命名空間IC註冊到window
window['JSHide']={};

//隱藏側邊欄，並將圖片換成右箭頭圖片
function yc()
{
document.getElementById("cloone").style.display ="none";
document.getElementById("img").innerHTML ="";

}
window['JSHide']['yc']=yc;

//顯示側邊欄，並將圖片換成左箭頭
function xs()
{
document.getElementById("cloone").style.display ="";
document.getElementById("img").innerHTML ="";

}
window['JSHide']['xs']= xs; })();

2.將JS檔案插入HTML檔案：
「插入」--「HTML」--"腳本物件"---“腳本”，選擇好腳本檔案後插入到HTML檔案中。

3.HTML檔代碼

複製程式碼

程式碼如下:



程式碼如下:



程式碼如下:



程式碼如下:



程式碼如下:



程式碼🎜>