javascript學習筆記–基礎

1<noscript></noscript>

  當使用者瀏覽器禁用或不支援javascript時 還想在頁面顯示一些內容可以使用<noscript></noscript>標籤對。

2http mailto javascript

 <a href="javascript:alert(new Date())">javascript</a>

3javascript區分大小寫 html不區分

4逸出字元

  \b退格

 \t跳格

 \n斷行符號換行

 \r換行

 \""雙引號

 \'單引號

 \\  \

5特殊資料類型

undefined null

undefined用來表示不存在或者尚未賦值的變數。

null 是一個表示該變數被賦予了一個空值。

 

6+號的特色含義

  var w=5;

  var x=20;

  var y="xxxxxxxx";

  alert(w+x+y); 結果：25xxxxxxx

 

  var w=5;

  var x=20;

  var y="xxxxxxxx";

  alert(""+w+x+y); 結果：520xxxxxxx

 

7typeof運算子

typeof運算子返回一個字串，指明其運算元的資料類型。

a=3;

b=null;

name="three";

alert((typeof a))

alert((typeof b))

alert((typeof name))

 

8參數變數可變的函數 類似於c#中的param

arguments數值對象，包含了調用程式傳遞給行數的所有參數。

fuction testparams()

{

  var params="";

    for( var i=0;i<argument.length;i++)

   {

       params=params+arguments[i];

   }

   alert(params);

}

 testparams(11,22)

 testparams(11,112,22)

 

9建立動態函數

var square=new Function("x","y","var sum;sum=x*y*Y;returen sum;");

alert(square(3,2))

注意：這裡的x y 參數一定要用雙引號或單引號引起來。

 

10URI編碼處理函數

encodeURI

decodeURI

 

11字串編碼處理函數

escape 所有空格 標點重音符號以及任何其他非ascii碼字元都用%xx編碼替換，其中xx等於表示該字元的unicode編碼的十六進位數

unescape

eval方法將某個參數字串作為一個javascript運算式執行。

如果想在運行時修改變數的名稱

for（var i=0;i<n;i++）

{

 eval("var a"+i+"="+i);

}

上面代碼定義了n個變數 分別為a0 a1.。。。。

 

12array對象及其屬性與方法

    join方法：將一個數值的所有元素轉換為字串，並把這些字串串連起來。

                 可以指定一個字串來分割結果字串中的元素。

                若未指定分隔字串，將使用“，”來分隔。

   reverse方法：對數組進行重新排序，顛倒。

   sort方法：排序

   alice方法：返回的是指定數組的一個子數組。

                 帶兩個參數 分別表示要返回的子數組的起止點。

                 如果只要一個參數，返回的子數組表示從改點到最後。

                 如果是一個負數，則指定的是相對於數組中最後一個元素。

  splice方法：可以報元素從數組中刪除，也可以向數組中插入新元素。

                  位於被插入（刪除）元素之後的數組元素會自動進行必要的移動。

   

 13.javascript中replace()

   在javascript中，String的函數replace()簡直太讓人喜愛了。它靈活而強大的字元替換處理能力，讓我不禁想向大家介紹它。

　　replace()最簡單的算是能力就是簡單的字元替換。範例程式碼如下：

<script language="javascript">
 var strM = "javascript is a good script language";
 //在此我想將字母a替換成字母A
 alert(strM.replace("a","A"));
</script>

　　我想大家運行後可以看到結果，它只替換了首字母。但如果加上Regex結果就不一樣了！呵呵，沒錯。replace()支援Regex，它可以按照Regex的規則匹配字元或字串，然後給予替換！

<script language="javascript">
 var strM = "javascript is a good script language";
 //在此我想將字母a替換成字母A
alert(strM.replace(/a/,"A"));
 </script>

　　呵呵，您一定發現了。這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。

<script language="javascript">
var strM = "javascript is a good script language";
 //在此將字母a全部替換成字母A
alert(strM.replace(/a/g,"A"));
</script>

　　還可以這樣，看看效果！

<script language="javascript">
 var strM = "javascript is a good script language";
 alert(strM.replace(/(javascript)\s*(is)/g,"$1 $2 fun. it $2"));
</script>

　　我這兒舉的例子都是很簡單的應用，replace()在此點上與您使用Regex的能力成正比。您Regex越強，呵呵，那您就會越瘋狂的愛上它。

　　當然，我這兒推薦replace()的原因並不因為它能與Regex合作，而在於它還能與函數進行合作，發揮出強大的功能。

　　先看看簡單例子：將所有單詞首字母換成大寫。

<script language="javascript">
 var strM = "javascript is a good script language";
 function change(word)
{
　return word.indexOf(0).toUpperCase()+word.substring(1);
}
 alert(strM.replace(/\b\w+\b/g,change));
</script>

　　由上可知，當Regex有"g"標誌時，代表將處理整個字串，即函數change的變換將應用於所有匹配的對象。而該函數有三個或更多參數，具體個數視Regex而定。

　　有了函數與Regex的配合，replace()處理字串的功能空前強大起來了！

　　最後還舉個例子，將字串所有單詞倒序，用replace()處理是如此簡單。

<script language="javascript">
var strM = "javascript is a good script language";
function change(word)
{
　var result = word.match(/(\w)/g);
 if ( result )
{
　var str = "";
　 for ( var i=result.length-1; i>=0; i-- )
　{
　　 str += result;
　}
　return str;
}
else
{
　 return "null";
}
}
alert(strM.replace(/\b(\w)+\b/g,change));
</script>

0 0

0

(請您對文章做出評價)

 

 14.數組的處理

 

 <script type="text/javascript">
        Array.prototype.clear = function() {
            this.length = 0;
        }
        Array.prototype.insertAt = function(index, obj) {
            this.splice(index, 0, obj);
        }
        Array.prototype.removeAt = function(index) {
            this.splice(index, 1);
        }
        Array.prototype.remove = function(obj) {
            var index = this.indexOf(obj);
            if (index >= 0) {
                this.removeAt(index);
            }
        }

        var t = ["1:2", "2:2"];

       // t.push({ 'a': 3 }); //增
        // t[0].a = 11; //改
        t.remove("1:2"); //刪
        alert(eval(t));
        alert(t);
    </script>

 

15 josn增刪改查操作

<script type="text/javascript">
        Array.prototype.clear = function() {
            this.length = 0;
        }
        Array.prototype.insertAt = function(index, obj) {
            this.splice(index, 0, obj);
        }
        Array.prototype.remove = function(index) {
            this.splice(index, 1);
        }

        var t = [{ 'a': {'c':22}, 'b': 2 }, { 'a': 2}];
        t.push({ 'a': 3 }); //增
        //t[0].a = 11; //改
        //t.remove(0); //刪
        alert(t[0].a.c);
    </script>

 16 閉包之間的互動

fuction outerfun(){

var outvar=0;

fuction innerFun(){

outervar++;

alert(outvar);

}

fuction inneFun2(){

outervar=outervar+2;

alert(outervar);

}

}

 

var glvar=outerFun();

glvar.innFun();//1

glvar.innFun2();//3

glvar.innFun();//4