如何更改HTML內容，當頁面完全加載

所以，我有這樣的HTML文檔如何更改HTML內容，當頁面完全加載

<!DOCTYPE html> 
<html> 
    <head> 
    <title>TestPage</title> 
    <script src="script.js"></script> 
    </head> 
    <body> 
    <p id="test">Sample text</p> 
    </body> 
</html>

有了這個js文件

window.addEventListener("load", MyFunction()); 
function MyFunction(){ 
    document.getElementById("test").innerHTML = "it worked"; 
}

和ofcourse這不起作用（文沒有改變），因爲它在實際加載<p id="test"></p>元素之前加載腳本（我認爲）。這看起來很奇怪，但我想在所有內容加載完畢後改變一些元素的內容。我搜查了，但無濟於事。我很可能在這裏錯過了很明顯的東西，但我似乎無法弄清楚。任何意見，將不勝感激！

來源

2015-10-15 Spike de Held

您立即執行'MyFunction'，更換'MyFunction的（）'和' MyFunction' –

你也不應該在My中使用captial letter，因爲這些通常只用於類（或者javascript的怪異原型系統） – Dodekeract

您正在爲設置「負載」事件調用該函數。

你的意思是：

window.addEventListener("load", MyFunction);

？

來源

2015-10-15 11:57:39 spender

這是正確的答案，刪除事件hander – Jocie

的括號噢，我的，就是這樣。我錯過了！謝謝！（雖然我只能在幾分鐘內接受你的答案，但會！） –

嘗試：

window.onload = function() { 
    MyFunction() 
} 

function MyFunction(){ 
    document.getElementById("test").innerHTML = "it worked"; 
}

來源：Execute Javascript When Page Has Fully Loaded

來源

2015-10-15 12:00:57 Friwi

-1

只需添加到您的身體標記：

<body onload=myFunction()> 

function myFunction(){ 
     document.getElementById("test").innerHTML = "it worked"; 
}

來源

2015-10-15 12:03:59

如何更改HTML內容，當頁面完全加載

回答

相關問題