首頁猿問如何在頁面加載時(shí)調(diào)用JavaScr...

如何在頁面加載時(shí)調(diào)用JavaScript函數(shù)？

JavaScript

翻閱古今 2019-10-16 13:09:13

如何在頁面加載時(shí)調(diào)用JavaScript函數(shù)？傳統(tǒng)上，要在頁面加載后調(diào)用JavaScript函數(shù)，您需要添加一個(gè)onload屬性設(shè)置為包含少量JavaScript的主體(通常只調(diào)用一個(gè)函數(shù))。<body onload="foo()">當(dāng)頁面加載后，我想運(yùn)行一些JavaScript代碼來動(dòng)態(tài)地填充來自服務(wù)器的數(shù)據(jù)。我不能用onload屬性，因?yàn)槲沂褂玫氖荍SP片段，這些片段沒有body元素中添加一個(gè)屬性。是否有其他方法在加載時(shí)調(diào)用JavaScript函數(shù)？我不想使用jQuery，因?yàn)槲覍?duì)它不太熟悉。

查看完整描述

3 回答

當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊

如果希望onload方法接受參數(shù)，可以執(zhí)行類似的操作：

window.onload = function() {
  yourFunction(param1, param2);};

這會(huì)將onload綁定到一個(gè)匿名函數(shù)，當(dāng)調(diào)用該函數(shù)時(shí)，它將使用您提供的任何參數(shù)運(yùn)行您想要的函數(shù)。當(dāng)然，您可以從匿名函數(shù)內(nèi)部運(yùn)行多個(gè)函數(shù)。

反對(duì) 回復(fù) 2019-10-17

墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

另一種方法是使用事件偵聽器，這里您是如何使用它們的：

document.addEventListener("DOMContentLoaded", function() {
  you_function(...);});

說明：

DOMContentload這意味著當(dāng)文檔的DOM對(duì)象被JavaScript完全加載并看到時(shí)，這也可能是“單擊”、“焦點(diǎn)”.

功能()匿名函數(shù)，將在事件發(fā)生時(shí)調(diào)用。

反對(duì) 回復(fù) 2019-10-17

呼如林

TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊

你最初的問題不清楚，假設(shè)Kevin的編輯/解釋是正確的，那么第一個(gè)選項(xiàng)就不適用了

典型的選項(xiàng)是使用onload活動(dòng)：

<body onload="javascript:SomeFunction()">....

您還可以將javascript放在主體的末尾；在文檔完成之前，它不會(huì)開始執(zhí)行。

<body>
  ...  <script type="text/javascript">
    SomeFunction();
  </script></body>

另外，另一種選擇是考慮使用JS框架，該框架本質(zhì)上是這樣做的：

// jQuery$(document).ready( function () {
  SomeFunction();});

反對(duì) 回復(fù) 2019-10-17

3 回答
0 關(guān)注
350 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何在頁面加載時(shí)調(diào)用JavaScript函數(shù)？

如何在頁面加載時(shí)調(diào)用JavaScript函數(shù)？

3 回答

添加回答