JavaScript詳解

JavaScript可以說是web開發中必備的一種技術。它具有靈活，簡單，高效等特點。這次DRP大量的用到了js，讓自己對js有了更深的了解。看完這個以後還回去看了牛腩的js影片。把以前沒看的看了一下。這裡總結一下js。
什麼是javaScript，js有哪些功能
            JS是指解釋型的網頁腳本語言。其作用是控制瀏覽器的行為和內容。
     js程式碼是嵌入到Html中的。
     它有這麼多功能
在客戶端運行，這意味著可以減輕伺服器的壓力。提高程式碼的執行效率。
JavaScript 是一種解釋性語言（就是說，程式碼執行不進行預編譯）
        對應的編譯型語言，執行的時候需要事先編譯成中間程式碼或機器語言，例如編譯者.class文    
javaScript和java沒有任何關係。 Javascript不是其他語言的精簡版（例如，它只是與 Java 有點模糊間接的關係），也不是任何事物的簡化。不過，它有其限制。例如，您不能使用該語言來編寫獨立運行的應用程序，並且沒有對讀寫文件的內建支援。此外，Javascript腳本只能在某個解釋器或「宿主」上執行，例如 Active Server Pages（ASP）、Internet 瀏覽器或 Windows 腳本宿主。
JavaScript能實現哪些功能
         javascript能實現瀏覽器的腳本開發。它有很多經典的功能。我們需要掌握。
JavaSript實現網頁特效
 Js能實現許多網頁特效，如圖片文字的滾動，圖片的動態變換等。在網路上搜索，能找到許多現成的        代碼。總之，很多東西是不需要你自己動手的。需要站在巨人的肩膀上。
 
JavaScript操作Html元素
Js能操作網頁元素，如對輸入框，下拉框，表格等元素的操作。操作html元素的基礎就是對DOM物件的操作。任何一個html元素都是一個dom物件。我們可以利用js，來操作它。例如改變它的屬性，動態增加元素。獲取它的值等。
Html中的每一個元素都對應dom中的一個節點。 html表單對應一棵dom樹，每個節點都有nodeName nodeValue nodeType屬性。 js就是透過操作這些屬性來操作html的。
 這裡列舉了一些操作方法。
createElement(element) ：建立一個指定標籤名稱建立一個新的元素節點，傳回值為指向新元素節點的參考指標
createTextNode(string) ：建立一個包含給定文字的新文字節點，傳回一個指向新建文字節點的參考指標：
appendChild(node) ：插入節點
removeChild(node) ：將從一個給定元素利刪除一個子節點，傳回一個指向已刪除的子節點的參考指標。
hasChildNodes：用來檢查一個給定元素是否有子節點，傳回boolean值
replaceChild(newnode,oldnode)：節點取代
setAttribute(key,value)：為給定元素節點新增一個新的屬性值或是變更它的現有屬性
getAttribute(key)：傳回給定元素的一個給定屬性節點的值
getElementById():尋找一個有著給定id屬性值的元素，傳回一個元素節點
getElementsByTagName():用於尋找有著給定標籤名稱的所有元素
  從這些方法可以看出，js可以靈活的增加，刪除，取得一個節點（html元素）。這樣對表單的操作也就靈活的多了。
 在這次drp中，主要用到了就是getElementById()這個方法。
 如：
with(document.getElementById("userform")){ 
action="user_maint.jsp"; 
method="post"; 
submit(); 
} 

化表被驗證驗證的這些典型的表單資料有：

使用者是否已填寫表單中的必填項目？

用戶輸入的郵件地址是否合法？

用戶是否已輸入合法的日期？
用戶是否在資料域(numeric field) 中輸入了文字？
JS驗證表單通常有兩種方式。一種是手動寫入方法，在表單提交或觸發了某個事件的時候，呼叫這個js方法，再透過js程式碼提取這個控制項的屬性，判斷它是否滿足條件。另一種方法是：利用正規表示式，驗證輸入的資料是否符合某種格式。例如如下的驗證郵箱的一個js程式碼

www.2cto.com
 

function test() <br>       { <br>           //電子郵件的驗證 <br>           var myreg =/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_| _|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/; <br>           if(!myreg.test(temp.value)) 🠎🠎          alert ('提示nn請輸入有效的E_mail！'); <br>                myreg.focus(); <br>       } <br>       } <br><br> <br><br>程式碼的關鍵是找出正規表示式，而第二則是利用這個正規表示式的test方法，驗證某個字串。注意test方法是這個正規表示式自帶的。 JavaScript檢查客戶瀏覽器和建立cookies<p>使用javaScript驗證使用者瀏覽器的版本，資訊等。 </p>其中下面的Navigator物件包含了有關訪客瀏覽器的信息，包括瀏覽器類型、版本等等。 <p> <br></p> <br><scripttypescripttype> <br>varbrowser=navigator.appName <br>varb_version=navigator.appVersion <br>varversion​​. ) <br>document.write("<br>") <br>document.write("Browserversion: "+ version) <br> <br> <br>  <br> <br></scripttypescripttype>