天天看點

使用JavaScript動态的添加元件

使用JavaScript進行動态的網頁窗體元件的添加是一件很友善也很容易實作的事情。話不多說,邊看代碼邊做解釋吧。

由于html頁面中不可以添加java代碼,是以我在jsp頁面中進行了測試。

添加的窗體是作為一個子窗體嵌套在外層窗體元件中的,優點在于友善整體的删除和修改操作

注意為添加的窗體元件添加name屬性。

也因為是簡單的測試,是以沒有進行代碼的優化

沒有添加java腳本,僅做顯示的功能

點選“添加上傳檔案”一次後:

使用JavaScript動态的添加元件

點選“添加上傳檔案”四次後:

使用JavaScript動态的添加元件

點選“删除”後:

使用JavaScript動态的添加元件

優點:

- 使用js的方式可以優化使用者體驗,減輕伺服器端的壓力

- 高效快速

缺點:

- 不能防止使用者惡意使用

- 不能應對所有複雜的檔案上傳處理