特殊字元、Date、JS應用

lambdaλ發表於2017-09-16
字元JS

字串中的特殊字元：

在js中，雙引號字串中的雙引號內容和單引號字串中的單引號內容都必須進行轉移，形式如下：
var str1 = “my mother say:”don`t speak with stranger”. “;
var str2 = `my mother say:”don`t speak with stranger”. `;
js中的常用轉義字元有：
“ = ”
‘ = ’
回車符 =

換行符 =

tab符 =
=
注意： 回車符，換行符，空格和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 );//設定毫秒數

javascript語言的應用：

javascript技術：

javascript語言： 變數，資料型別，流程控制，函式，內建物件（String, Array, Math, Date）
js語言操作網頁物件：標籤物件， 瀏覽器物件

網頁物件介紹

第一個重要觀念：在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.樣式屬性名 = 某值；

事件初步

簡單說來，事件就是“動作”，也就是使用者所在的某種操作，比如：點選，滑鼠移動，雙擊，。。。。。。
先回顧與加強ｊｓ的“定義”：ｊｓ是一門基於物件的事件驅動的指令碼語言。

  • 事件有哪些：

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

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

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

    • 其他：
      onload: 當網頁“一載入成功”的時候發生，也就是網頁開啟的時刻——onload在一個頁面上只能出現一次。 onload只能寫在body標籤上，或者要麼就不在標籤中寫，而是在指令碼中使用window.onload的實線。
      小結：事件隨時發生，無處不在，只在於我們想要在哪個物件上使用哪個事件來完成什麼工作。
      其基本的程式碼模式為：

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

則其基本含義是： 某個物件發生什麼事件的時候會去呼叫某個函式以完成某種任務。


相關文章