首頁 > web前端 > js教程 > JavaScript詳解

JavaScript詳解

高洛峰
發布: 2016-11-26 09:05:40
原創
969 人瀏覽過

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>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板