jQuery隨筆
window.onload和jQuery入口函式的區別:
window.onload事件是等到所有內容,以及我們的外部圖片之類的檔案都載入完了之後,才會去執行。jQuery的入口函式是在html所有標籤都載入之後,才會去執行。
使用原聲js模擬jQuery入口函式:
var iQuery = function(dom) {
return {
ready: function(func) {
//func();
// 1. document.onload 有沒有被賦值(或者說有沒有這個事件)
// 1. 有:接收一下舊的函式,然後先去呼叫新的函式,接著再呼叫舊的函式
// 2. 沒有:直接賦 <script type="text/javascript">
if (typeof dom.onload === 'function') {
var oldFunc = dom.onload;
dom.onload = function() {
func();
oldFunc();
};
} else {
dom.onload = func;
}
}
};
};
iQuery(window).ready(function() {
alert('第一次呼叫');
});
iQuery(window).ready(function() {
alert('第二次呼叫');
});
相關文章
- JQuery學習隨筆(三) - 事件jQuery事件
- 隨筆
- MySQL 隨筆MySql
- 隨筆記筆記
- RabbitMQ隨筆MQ
- vuex隨筆Vue
- Fragment隨筆Fragment
- oracle 隨筆Oracle
- MySQL隨筆MySql
- 隨筆(二)
- 隨筆哦
- 隨筆1
- 隨筆3
- 隨筆2
- docker隨筆Docker
- 隨筆(1)
- vue隨筆Vue
- 真隨筆
- 翻譯隨筆(隨時更新)
- jQuery筆記jQuery筆記
- jQuery 筆記jQuery筆記
- 隨堂筆記筆記
- IDE隨筆IDE
- 面試題隨筆面試題
- 工作感想隨筆
- CSS隨筆1CSS
- CSS隨筆2CSS
- nodeJs隨筆NodeJS
- 4.11隨筆
- 4.12隨筆
- 10.1隨筆
- 課後隨筆
- 天梯賽隨筆
- JS 列表 - 隨筆JS
- golang隨筆3Golang
- 數學隨筆
- jQuery雙色器隨機選號jQuery隨機
- flutter隨筆- Text and StyleFlutter