JavaScript實現(xiàn)當(dāng)網(wǎng)頁加載完成后執(zhí)行指定函數(shù)的方法
本文實例講述了JavaScript實現(xiàn)當(dāng)網(wǎng)頁加載完成后執(zhí)行指定函數(shù)的方法。分享給大家供大家參考。具體分析如下:
下面的JS代碼演示了如何在網(wǎng)頁加載完成時調(diào)用指定的函數(shù),并且可以通過第二段代碼動態(tài)添加多個函數(shù)同時執(zhí)行。
我們只需要給window.onload指定一個函數(shù)既可以在頁面加載完成時自動執(zhí)行MyCoolInitFunc函數(shù)
<script type="text/javascript" > window.onload = MyCoolInitFunc </script>
如果你希望在頁面加載完成后同時并行執(zhí)行多個函數(shù),可以通過下面的JS代碼實現(xiàn)
function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } }
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)(總結(jié))
這篇文章主要介紹了ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-02-02原生js實現(xiàn)可兼容PC和移動端的拖動滑塊功能詳解【測試可用】
這篇文章主要介紹了原生js實現(xiàn)可兼容PC和移動端的拖動滑塊功能,結(jié)合實例形式詳細(xì)分析了javascript事件響應(yīng)及頁面元素屬性動態(tài)操作實現(xiàn)滑塊拖動功能的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08JavaScript自定義Webpack配置實現(xiàn)流程介紹
本系列主要整理前端面試中需要掌握的知識點。本節(jié)介紹webpack如何優(yōu)化前端性能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-10-10使用JS實現(xiàn)一個功能豐富的待辦事項應(yīng)用
在日常工作和生活中,我們經(jīng)常需要處理各種各樣的待辦事項,這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實現(xiàn)一個功能豐富的待辦事項應(yīng)用,需要的可以了解下2024-01-01JavaScript實現(xiàn)圖片放大預(yù)覽效果
這篇文章主要介紹了JavaScript實現(xiàn)圖片放大預(yù)覽效果,幫助大家更好的理解和制作JavaScript特效,感興趣的朋友可以了解下2020-11-11跟我學(xué)習(xí)javascript的最新標(biāo)準(zhǔn)ES6
跟我學(xué)習(xí)javascript的最新標(biāo)準(zhǔn)ECMAScript 6,ES6(ECMAScript 6)是即將到來的新版本JavaScript語言的標(biāo)準(zhǔn),代號harmony,感興趣的小伙伴們可以參考一下2015-11-11