原创 (17)JS數組

  對於JS數組的操作有:聲明的兩種方式、從頭尾添加和刪除元素的方式、在指定位置插入元素、JS數組的concat連接、join連接、數組的排序和數字數組的排序。 <!DOCTYPE HTML> <!-- --> <html> <head

原创 (7)父節點表示法實現一棵樹

1、樹,指的是N個有父子關係的節點的有限集合。2、樹的有關術語: 節點:樹的最基本組成單元 節點的度:節點擁有子樹的個數 樹的度:樹中所有節點的度的

原创 軟件過程

1、軟件危機:計算機軟件的開發和維護過程中所遇到的一系列嚴重問題。這些問題絕不僅僅是不能正常運行的軟件才具有的,實際上,幾乎所有的軟件都不同程度地存

原创 (28)表格隔行變色,並且鼠標移入高亮顯示,鼠標移出顯示原來的顏色

基本思想:使用表格中某一行的onmouseover和onmouseout事件,當鼠標移進的時候保存當前行的背景顏色並且設置當前行的顏色爲要高亮的顏色,當鼠標移出的時候設置爲保存的行的顏色,即可保持在隔行變色中高亮顯示鼠標所指行並且鼠標移出

原创 (30)使用DOM刪除表格數據

使用DOM刪除元素:當你添加元素的時候,將刪除的鏈接添加進去,然後爲這個鏈接添加點擊事件,每次點擊這個鏈接的時候就會從表格中的tBoides中removeChild掉tr一行即可。 <!DOCTYPE HTML> <!-- 使用DOM

原创 (32)DOM應用之搜索表格中的內容(忽略大小寫搜索)

基本思路:使用toLowerCase()函數即可實現忽略大小寫的搜索。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script> win

原创 (31)DOM應用之搜索表格中的內容(簡單搜索)

基本思路:獲取相應控件的值,爲按鈕添加點擊事件,當按下搜索按鈕的時候,簡單地用for循環來一一查找相應內容,若找到就把該單元格的內經顏色變爲黃色,找不到則不變。搜索一般由後臺來完成的,此處只是顯示相應的簡單的邏輯。 <!DOCTYPE

原创 (21)使用DOM操作元素

    除了使用"."和“[]”訪問元素之外,還能用DOM來操作元素,例如有設置setAttribute(名稱,值),獲取getAttribute(名稱),移除removeAttribute(名稱); <!DOCTYPE HTML> <!

原创 (27)表格隔行變色

表格隔行變色的基本思想是:遍歷每一行,採用取模的方式讓遍歷常量i%2,設置能被2完全模盡的行的背景顏色 background,然後設置不能被2模盡的行的背景顏色即可。 <!DOCTYPE HTML> <html> <head> <meta

原创 (24)使用DOM刪除元素

先獲取當前元素,然後從ul中用removeChild方法移除當前選中元素,此處this代表當前選中的a標籤,實際要刪除的是li標籤,所以用this.parentNode獲取li標籤,從而刪除。 <!DOCTYPE HTML> <html>

原创 (29)使用DOM添加表格數據

使用DOM創建新元素,然後添加到相應的父級節點中即可 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script> window.οnlοad

原创 (23)使用DOM插入新元素,每次插入的新節點放在最前面

要求每次新插入的新li節點出現在最前面,則用insertBefore方法,但是如果開始沒有li標籤的話,直接用insertBefore方法會出錯,所以此處必須作一判斷:如果沒有li標籤,則用appendChild方法(一般情況下是第一次插

原创 (22)使用DOM創建元素

需求分析:點擊“創建li”按鈕,就會在下面創建一個li標籤,如果同時在文本框中添加相應的文字信息將作爲新添加li節點中的內容。 <!DOCTYPE HTML> <!-- DOM創建元素,①創建li,②再插入相應的父級中去 --> <h

原创 (25)文檔碎片

<!DOCTYPE HTML> <!-- 當你需要在頁面中插入很多元素的時候,可能會每次創建一個li元素,然後每次插入,而文檔碎片則是每次創建的li元素先添加到文檔碎片中,然後將文檔碎片一次性添加到頁面中 在IE6一下可能會提高性能

原创 (20)JS實現簡單的圖片向左無縫滾動

    思路:設置兩副重複的圖,然後滾動到頭的時候將ul的offsetLeft設置爲0,但是每次只顯示四個,所以看不見那一瞬間的變化,一切近乎完美,代碼如下: <!DOCTYPE HTML> <html> <head> <meta ch