JavaScript詳解 – Javascript教程_JS教程_技術文章 – 程式設計聯盟

JavaScript可以說是web開發中必備的一種技術。它具有靈活,簡單,高效等特點。這次DRP中大量的用到瞭js,讓自己對js有瞭更深的瞭解。看完這個以後還回去看瞭一下牛腩的js視頻。把以前沒看的看瞭一下。這裡總結一下js。
什麼是javaScript,js有哪些特性
            JS是一種解釋型的網頁腳本語言。其作用是控制瀏覽器的行為和內容。
     js代碼是嵌入到Html中的。
     它有這麼幾大特點
在客戶端運行,這就意味著可以減輕服務器的壓力。提高代碼的執行效率。
JavaScript 是一種解釋性語言(就是說,代碼執行不進行預編譯)
        對應的編譯型語言,執行的時候需要提前編譯成中間代碼或者機器語言,比如java編譯成.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(); 

 

JavaScript實現表單驗證
被JavaScript 驗證的這些典型的表單數據有:
用戶是否已填寫表單中的必填項目?
用戶輸入的郵件地址是否合法?
用戶是否已輸入合法的日期?
用戶是否在數據域(numeric field) 中輸入瞭文本?
JS驗證表單通常有兩種方式。一種是手動寫方法,在表單提交或者觸發瞭某個事件的時候,調用這個js方法,再通過js代碼提取這個控件的屬性,判斷它是否滿足條件。另一種方法就是:利用正則表達式,驗證輸入的數據是否符合某種格式。例如如下的驗證郵箱的一個js代碼

www.aiwalls.com
 
<pre name="code" class="javascript">function test() 
       { 
           var temp = document.getElementById("text1"); 
          //對電子郵件的驗證 
           var myreg =/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
           if(!myreg.test(temp.value)) 
          { 
                 alert('提示\n\n請輸入有效的E_mail!'); 
                myreg.focus(); 
               return false; 
          } 
       } 

 

代碼的關鍵是找到正則表達式,第二就是利用這個正則表達式的test方法,驗證某個字符串。註意test方法是這個正則表達式自帶的。
JavaScript檢查客戶瀏覽器和創建cookies
使用javaScript驗證用戶瀏覽器的版本,信息等。
其中下面的Navigator對象包含瞭有關訪問者瀏覽器的信息,包括瀏覽器類型、版本等等。
<html> 
<body> 
<scripttypescripttype="text/javascript"> 
varbrowser=navigator.appName 
varb_version=navigator.appVersion 
varversion=parseFloat(b_version) 
  
document.write("Browsername: "+ browser) 
document.write("<br/>") 
document.write("Browserversion: "+ version) 
</script> 
</body> 
  
</html> 

cookie是存儲於訪問者的計算機中的變量。每當同一臺計算機通過瀏覽器請求某個頁面時,就會發送這個 cookie。你可以使用 JavaScript 來創建和取回cookie 的值。
首先:創建一個可在cookie 變量中存儲訪問者姓名的函數
functionsetCookie(c_name,value,expiredays) 

varexdate=new Date() 
exdate.setDate(exdate.getDate()+expiredays) 
document.cookie=c_name+"=" +escape(value)+ 
((expiredays==null)? "" : ";expires="+exdate.toGMTString()) 

其次:創建另一個函數來檢查是否已設置cookie: 
functiongetCookie(c_name) 

if(document.cookie.length>0) 
  { 
  c_start=document.cookie.indexOf(c_name +"=") 
  if (c_start!=-1) 
    { 
    c_start=c_start + c_name.length+1 
   c_end=document.cookie.indexOf(";",c_start) 
    if (c_end==-1) c_end=document.cookie.length 
    returnunescape(document.cookie.substring(c_start,c_end)) 
    } 
  } 
return"" 

上面的函數首先會檢查document.cookie 對象中是否存有 cookie。假如 document.cookie 對象存有某些 cookie,那麼會繼續檢查我們指定的cookie 是否已儲存。如果找到瞭我們要的 cookie,就返回值,否則返回空字符串。
 
        總之,js的是web開發中必不可少的一個技術,作為一個web開發人員,必須對它熟悉掌握。

摘自 李守宏 信息技術提高班

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。