淺析JavaScript事件和方法
單擊一個超鏈接觸發(fā)事件
1.用a標簽的onclick
<a href="#" onclick="js代碼">
這種寫法呢，存在一種弊端，就是點擊后會刷新一次頁面，回到頁面頂端。
想不刷新如何做的呢？
<a href="javascript:void(0)" onclick="js代碼">
2.#與javascript：void（0）的區(qū)別
超鏈接為“死鏈”時，使用#與javascript:void(0);的區(qū)別。
Void（0）沒有用的值,不會去任何地方,就沒有意義了
而#會刷新一次當前頁面。
3.再或者、用a標簽的href
<a href="javascript: js代碼 ">
只有超鏈接的href中的JavaScript中才需要加“javascript:”，
因為它不是事件，而是把”javascript:”看成像“http:”、“ftp:”、“thunder://”、“ed2k://”、“mailto:”一樣的網(wǎng)絡(luò)協(xié)議，交由js解析引擎處理。
方法的特別強調(diào)
1.不要另起一行
一般在js中編寫大括號都是直接跟在后面而不要另起一行，
原因是js會在語句末尾自動增加”分號”，如果將大括號另起一行，則return語句后自動增加“分號”后，返回值就變成了undefined了。
2.不需要聲明返回值類型
不需要聲明返回值類型、參數(shù)類型。函數(shù)定義以function開頭。
JavaScript中不像C#和java那樣要求所有路徑都有返回值沒有返回值就是undefined。
3.沒有方法重載
JavaScript中沒有方法重載。
方法中寫參數(shù)叫命名參數(shù)
用戶調(diào)用計算多個數(shù)的和的方法，如何獲取方法中有多少個參數(shù)呢?
請使用arguments對象！
匿名函數(shù)
1.方式一
var f1=function(p1,p2){ return p1+p2; };//將函數(shù)賦值給一個變量
匿名函數(shù)沒法調(diào)用,只能賦值給一個變量,由于是賦值語句,后面要加分號
應(yīng)用：
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));性能低
這種匿名函數(shù)的用法在jQuery中的非常多
擴展方法prototype
通過類對象的prototype設(shè)置擴展方法，
擴展方法的聲明要在使用擴展方法之前執(zhí)行。JS的函數(shù)沒有專門的函數(shù)默認值的語法，但是可以不給參數(shù)傳值，不傳值的參數(shù)值就是undefined，自己做判斷來給默認值。
var msg ='xiaoming@111.com';
String.prototype.isEmail = function(){
return this.indexof('@')!= -1 ?true:false;
};
alert(msg.isEmail);
事件
1.調(diào)用事件
2.注冊事件
一定是在頁面加載完成了以后，才能給頁面的元素注冊事件。
所以 onload = function(){
//在這里注冊事件
};
頁面加載事件
<script type="text/javascript">
//刷新
//location.reload();
onload=function(){
alert("頁面加載了");
};
onunload =function(){
alert("頁面關(guān)閉了");
};
onbeforeunload= function(){
alert("頁面關(guān)閉之前觸發(fā)");
};
</script>
以上就是本文的全部內(nèi)容了，希望能夠讓大家對javascript的事件和方法有新的認識
相關(guān)文章
這篇文章主要介紹了ES6 async、await的基本使用方法,結(jié)合實例形式分析了ES6 async、await的基本功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2020-06-06
詳解JavaScript中的類型判斷與類型轉(zhuǎn)換
這篇文章主要給大家講解一下JavaScript中的類型判斷與類型轉(zhuǎn)換的基本概念和使用方法,對我們的學習JavaScript的類型判斷與轉(zhuǎn)換有一定的幫助,需要的朋友可以參考下2023-07-07
javascript addBookmark 加入收藏 多瀏覽器兼容
不錯的加入收藏代碼，加入了對一些常見瀏覽器的判斷，更好的體現(xiàn)用戶體驗，兼容了ie,firefox.2009-08-08
JavaScript是一種描述型腳本語言，由瀏覽器進行動態(tài)的解析與執(zhí)行，瀏覽器對于不同的方式有不同的解析順序，詳細介紹如下，感興趣的朋友可以參考下哈2013-05-05
談?wù)凧avaScript類型系統(tǒng)之Math
Math 對象并不像 Date 和 String 那樣是對象的類，因此沒有構(gòu)造函數(shù) Math()，像 Math.sin() 這樣的函數(shù)只是函數(shù)，不是某個對象的方法。您無需創(chuàng)建它，通過把 Math 作為對象使用就可以調(diào)用其所有屬性和方法2016-01-01
解構(gòu)賦值語法是一個 Javascript 表達式，這使得可以將值從數(shù)組或?qū)傩詮膶ο筇崛〉讲煌淖兞恐小＿@篇文章主要給大家介紹了關(guān)于es6基礎(chǔ)學習之解構(gòu)賦值的相關(guān)資料，需要的朋友可以參考下2018-12-12
這篇文章主要介紹了BootStrap selectpicker 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
解析JavaScript中instanceof對于不同的構(gòu)造器或許都返回true
這篇文章主要是對JavaScript中instanceof對于不同的構(gòu)造器或許都返回true進行了詳細的解析，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本篇文章給大家分享了關(guān)于JS函數(shù)中stack size計算方法的相關(guān)知識點，對此有需要的朋友可以跟著學習下。2018-06-06