php基礎學習筆記javascript（5）

標籤：

字串中的特殊字元：

 

在js中，雙引號字串中的雙引號內容和單引號字串中的單引號內容都必須進行轉移，形式如下：

 

var str1 = "my mother say:\"don‘t speak with stranger\". ";

 

var str2 = ‘my mother say:"don\‘t speak with stranger". ‘;

 

js中的常用逸出字元有：

“        ?    \”‘        ?    \’斷行符號符     ? \r分行符號    ? \ntab符    ? \t\        ? \注意： 斷行符號符，分行符號，空格和tab符其實也是跟a，b，c，d，和’,  “,  $  & 等等符號“平等並列”的符號。

 

時間日期（Date）對象：

 

用於表示時間日期資料的對象。一個時間日期對象中包括了有關時間日期的各項具體資訊，比如年，月，日，時分秒，毫秒，星期。

 

定義一個時間日期對象有以下幾種形式：

 

    d1 = new Date();    //定義一個表示“目前時間”的日期對象，     d2 = new Date(“2013/9/25 11:18:19”);    用一個字串來定義一個指定時間（時刻）的日期對象    d3 = new Date(2013, 9, 25, 11, 18, 19); 用多個（至少3個）數字來定義一個指定時間的日期對象    d4 = new Date(2324624252312);    用一個數字來定義個指定時間的日期對象。

 

此數字代表的是從1970年1月1日午夜0點0分0秒（甚至0毫米）開始算起所經曆過的毫秒數。注意，一秒等於1000毫秒。——實際上，我們可以理解為：“時間”這種資料，在js中，其實其本質上只是儲存了一個數字。如果該數值為負值，則表示往前推算。實際上，據此，時間是可以進行加減計算的。

這個時間點通常認為是電腦世界的“時間起點/原點”。

 時間對象的常用方法：

 

v1 =  d1.toLocaleString();獲得時間為“本地標記法”    v1 =  d1.getTime();    獲得一個時間的“毫米數”——從時間原點開始算起。以下是擷取時間中的某項資料值：    v1 =  d1.getFullYear();    //獲得年數——是一個數字，下同    v1 =  d1.getMonth();    //獲得月數    ——注意：此數字是從0開始算起的，即只能是：0-11    v1 =  d1.getDate();    //獲得日期數    v1 =  d1.getDay();        //獲得星期數    v1 =  d1.getHours();    //獲得小時數    v1 =  d1.getMinutes();    //獲得分鐘數    v1 =  d1.getSeconds();    //獲得秒數    v1 =  d1.getMilliseconds();//獲得毫秒數

 

以下是設定時間中的某項資料值：

d1.setFullYear( n );        //將d1這個時間對象的年份數設定為n這個數——即修改了其年份，下同。    d1.setMonth( n  );        //設定月份數d1. setDate(n  );        //設定日期數    d1. setDay(n  );        //設定星期數    d1. setHours(n  );        //設定小時數    d1. setMinutes(n  );    //設定分鐘數    d1. setSeconds(n  );    //設定秒數    d1. setMilliseconds(n  );//設定毫秒數

網頁對象介紹

第一個重要觀念：在html檔案中的每個標籤都是一個對象。

var obj1 = {                    name:”小花”，                    age:18，                    zuofan: functoin (){……}，                    xiyi: function(){……}}    var v1 = obj1.age;    alert( v1 );    obj1.age = 19;    //過年了，增加了一歲——修改了obj1這個對象的age這個屬性的值。    obj1.name = “大花”；

 擷取網頁標籤對象的方式：

         var  obj1 = document.getElementById(“id名”);

操作對象的標籤屬性：

         擷取： var v1 = obj1.標籤屬性名稱;

         賦值： obj1.標籤屬性名稱 = 某值；

操作對象的樣式屬性：

         擷取：var v1 =  obj1.style.樣式屬性名稱；——其實這種方式只能擷取其“行內樣式”

         賦值：obj1.style.樣式屬性名稱 = 某值；

 

擷取網頁標籤對象的方式：

 

         var  obj1 = document.getElementById(“id名”);

 

操作對象的標籤屬性：

 

         擷取： var v1 = obj1.標籤屬性名稱;

 

         賦值： obj1.標籤屬性名稱 = 某值；

 

操作對象的樣式屬性：

 

         擷取：var v1 =  obj1.style.樣式屬性名稱；——其實這種方式只能擷取其“行內樣式”

 

         賦值：obj1.style.樣式屬性名稱 = 某值；

 

事件初步

簡單說來，事件就是“動作”，也就是使用者所在的某種操作，比如：點擊，滑鼠移動，雙擊，。。。。。。

先回顧與加強ｊｓ的“定義”：ｊｓ是一門基於對象的事件驅動的指令碼語言。

 

事件有哪些：

 

    滑鼠事件：        onclick:         onmouseover:        onmouseout:        ondblclick:    雙擊事件        onmousedown:      滑鼠按下去的時候發生（注意此時滑鼠還沒有抬起來）        onmouseup:        滑鼠抬起來的時候發生        onmousemove:    滑鼠移動的時候發生——移動無處不在。

 

鍵盤事件：        onkeypress:    按鍵點擊一次發生。        onkeydown:    按鍵按下去的時候發生        onkeyup:        按鍵抬起來的時候發生

表單事件：        onsubmit    :    當一個表單正要“提交”的時候發生        onfocus:        當一個表單項“獲得焦點”的時候發生。        onblur:        當一個表單項“失去焦點”的時候發生        onchange:    當一個表單項的資料發生改變的時候——通常只用於select標籤的選項改變。

其他：        onload:        當網頁“一載入成功”的時候發生，也就是網頁開啟的時刻——onload在一個頁面上只能出現一次。  onload只能寫在body標籤上，或者要麼就不在標籤中寫，而是在指令碼中使用window.onload的實線。

小結：事件隨時發生，無處不在，只在於我們想要在哪個對象上使用哪個事件來完成什麼工作。

其基本的代碼模式為：

    <標籤名 ……  on事件名=”函數名f1();” >……</標籤名>    <script>        function f1(){            //這裡就是我們要做的工作！！！！！}    </script>

則其基本含義是： 某個對象發生什麼事件的時候會去調用某個函數以完成某種任務。

event對象

         event是一個瀏覽器內部的對象（注意，不是網頁標籤對象），它代表事件發生的時候跟事件有關的相關資訊的集合體（對象就是資訊的集合體）——它只在事件發生的時候存在！

         event通常就只用於擷取在事件發生的時候的有關資訊，比如：滑鼠該時刻的座標位置（x和y），是哪個網頁對象發生了該事件，發生事件的時候是哪個滑鼠按鍵觸發的，或哪個鍵盤上的鍵。以上資訊由以下幾個event屬性來擷取：

         event.clientX   ——擷取事件發生的時候滑鼠的x座標位置

         event.clientY   ——擷取事件發生的時候滑鼠的y座標位置

         event.target    ——擷取事件發生的時候的那個標籤對象（適用於FF）——類似getElementById擷取的對象

         event.srcElement    ——擷取事件發生的時候的那個標籤對象（適用於IE）——類似getElementById擷取的對象

         ——事件發生的時候的那個標籤對象通常被稱為“事件來源”。

         event.keyCode                   ——鍵盤事件發生的時候的按鍵的索引值——鍵盤上每個鍵都對應一個數字值。

 

this和event的使用對比：    <標籤名1  on事件名=”函數名f1（this）”  >。。。。。</標籤名1>    <標籤名2  on事件名=”函數名f2（event）”  >。。。。。</標籤名2>    <script>        function f1 ( obj )        {            //在此範圍內，obj代表的就是“標籤名1”這個對象，類似使用getElementById獲得的對象}function f2 ( evt )        {            //在此範圍內，evt代表的是事件發生的時候的event對象。            //這裡使用evt，基本上也就是使用其以下屬性（根據需要取用）：            var v1 = evt.clientX；    //獲得滑鼠當時的x座標            var v2 = evt.clientY；    //獲得滑鼠當時的y座標            var v3 = evt.keyCode;    //獲得鍵盤的按索引值（只對鍵盤事件有效）            var v4 = evt.target;        //獲得事件來源對象，IE是：evt.srcElement;}    </script>

 

php基礎學習筆記javascript（5）