靜態網頁如何實現動態交互?-JavaScript

Html基礎上,javascript可以開發交互式web網頁。javascript的出現使得網頁和用戶之間實現瞭一種實時性的、動態的、交互性的關系,javascript短小精悍,又是在客戶機上運行的,大大提高瞭網頁的瀏覽速度和交互能力。同時它又是專門為制作web網頁而量身定做的一種簡單的編程語言。

  1. Javascript:一種腳本語言(scripting
    language),或稱描述性語言。

    1. 主要用途在表單驗證:大多數是通過彈出對話框來與用戶交互的
    2. 在程序運行過程中逐行地進行解釋,是一種解釋性語言,
      1. 解釋性語言:邊運行,邊編譯
      2. 編譯性語言:借助之前的執行過程以增強當次執行的效率
        1. 基於對象的語言:javascript是一種基於對象的語言,同時也可以看做一種面向對象的語言。這意味著它能運用自己已經創建的對象。因此,許多功能可以來自於腳本環境中對象的方法與腳本的相互作用
          1. 變量類型是弱類型,並未使用嚴格的數據類型
          2. javascript是一種安全性語言,它不允許訪問本地硬盤,並不能數據存數到服務器上,不允許對網絡文檔進行修改和刪除,隻能通過瀏覽器實現信息瀏覽或動態交互,從而有效防止數據的丟失。
            1. javascript是依賴於瀏覽器本身,與操作環境無關,隻要能運行瀏覽器的計算機,並支持javascript的瀏覽器就可以正確執行
              1. javascript的兩大機制:面向對象,事件處理機制。

                舉一個Javascript的小例子

                
                
                
                博客小例子
                
                
                #btnLogin, #btnExit{
                	width:70px;
                	height:30px;
                	font-family:幼圓;
                	font-weight:bold;
                	font-size:18px;
                	}
                
                #form1 p strong {
                	font-family: "幼圓";
                	font-size:18px;
                }
                
                #txtUserPwd, #txtUserName
                {
                	width:200px;
                	height:25px;
                	font-family:幼圓;
                	font:bold;
                	font-size:18px;}
                
                #usermessagee
                {
                	border-width:0px;}
                
                #form1
                {
                	alignment-adjust:middle;
                	
                	}
                
                
                    
                
                
                
                
                    
                    
                      

                用戶名:

                密 碼:

                       //利用onclick實現事件驅動                

                <script language="javascript" type="text/javascript"> function LogIn() { //順序結構(用關鍵字var聲明關鍵字,說明javascript是弱數據類型) var username=document.form1.txtUserName.value; var userpwd=document.form1.txtUserPwd.value; if(username==""||username=="")//選擇結構 { alert("用戶名不能為空!"); document.form1.txtUserName.focus(); return; } //利用正則表達式判斷輸入的用戶名是否正確 var reg=/^[\u4E00-\u9FA5\uF900-\uFA2D\w]+$/g; if(!reg.test(username)) { alert("用戶名格式不正確!請從新輸入"); return; } if (userpwd==""||username=="") { alert("密碼不能為空!"); document.form1.txtUserPwd.focus(); return; } //利用正則表達式判斷輸入的密碼是否正確 reg=/^[\u4E00-\u9FA5\uF900-\uFA2D\w]+$/g; if(!reg.test(userpwd)) { alert("密碼格式不正確!請從新輸入"); return; } document.form1.submit(); } </script>

                相信以後的學習會對Javascript有更深的理解

發佈留言