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
- vue隨筆Vue
- vuex隨筆Vue
- Fragment隨筆Fragment
- oracle 隨筆Oracle
- 隨筆(二)
- 隨筆哦
- 翻譯隨筆(隨時更新)
- 隨堂筆記筆記
- IDE隨筆IDE
- 面試題隨筆面試題
- 工作感想隨筆
- CSS隨筆1CSS
- CSS隨筆2CSS
- nodeJs隨筆NodeJS
- JS 列表 - 隨筆JS
- golang隨筆3Golang
- jQuery筆記jQuery筆記
- jQuery 筆記jQuery筆記
- jQuery雙色器隨機選號jQuery隨機
- flutter隨筆- Text and StyleFlutter
- 前端隨筆(雜談)前端
- 隨筆~招聘工作反思
- 專案管理隨筆專案管理
- Java集合框架隨筆Java框架
- web基礎隨筆Web
- 工作隨筆雜談
- 效能優化隨筆優化
- 資料庫隨筆資料庫
- Android隨筆01Android
- easyui+ajax隨筆UI
- Redis日常使用隨筆Redis
- 知識盲點 隨筆筆記筆記
- Python學習筆記(隨筆)Python筆記