淺析JavaScript事件和方法_javascript技巧

點選一個超連結觸發事件

1.用a標籤的onclick

這種寫法呢，存在一種弊端，就是點擊後會刷新一次頁面，回到頁面頂端。

想不刷新如何做的呢？

複製程式碼 程式碼如下:

2.#與javascript：void（0）的區別

超連結為「死鏈」時，使用#與javascript:void(0);的區別。

Void（0）沒有用的值,不會去任何地方,就沒有意義了

而#會刷新一次目前頁面。

3.再或、用a標籤的href

只有超連結的href中的JavaScript中才需要加“javascript:”，

因為它不是事件，而是把」javascript:」看成像「http:」、「ftp:」、「thunder://」、「ed2k://」、「mailto:」一樣的網路協議，交由js解析引擎處理。

方法的特別強調

1.不要另起一行

一般在js寫大括號都是直接跟在後面而不要另起一行，

原因是js會在語句末尾自動增加”分號”，如果將大括號另起一行，則return語句後自動增加“分號”後，返回值就變成了undefined了。

2.不需要宣告回傳值型別

不需要聲明傳回值型別、參數型別。函數定義以function開頭。

JavaScript中不像C#和java那樣要求所有路徑都有回傳值沒有回傳值就是undefined。

3.沒有方法重載

JavaScript中沒有方法重載。

方法中寫參數叫做命名參數

使用者呼叫計算多個數的和的方法，如何取得方法中有多少個參數呢?

請使用arguments物件！

匿名函數

1.方式一

複製程式碼 程式碼如下:

var f1=function(p1,p2){ return p1 p2; };//將函數賦值給一個變數

匿名函數沒辦法呼叫,只能賦值給一個變數,由於是賦值語句,後面要加分號

應用：

複製程式碼 程式碼如下:

document.getElementById(‘btn').onclick=function(){}

2.方式二

複製程式碼 程式碼如下:

(function(p1,p2){alert(p1 p2);})(20,30);

3.方式三

複製程式碼 程式碼如下:

var m1=new Function(“p1”,”p2”,”p3”,”return p1 p2 p3”);
alert(m1(1,2,3));性能低

這種匿名函數的用法在jQuery中的非常多

擴充方法prototype

透過類別物件的prototype設定擴充方法，

擴充方法的宣告要在使用擴充方法之前執行。 JS的函數沒有專門的函數預設值的語法，但是可以不給參數傳值，不傳值的參數值就是undefined，自己做判斷來給預設值。

複製程式碼 程式碼如下:

var msg ='xiaoming@111.com';
String.prototype.isEmail = function(){
return this.indexof('@')!= -1 ?true:false;
};
alert(msg.isEmail);

事件

1.呼叫事件

2.註冊事件

一定是在頁面載入完成了以後，才能給頁面的元素註冊事件。

所以 onload = function(){

     //在這裡註冊事件

};

頁面載入事件

複製程式碼 程式碼如下:

 

以上就是本文的全部內容了，希望能讓大家對javascript的事件和方法有新的認識