使用body onload的替代方案
[英]Alternative for using body onload
問題描述
我是一個新手，我正在玩試圖用javascript實現一些東西。
我有一個功能，我需要在我的頁面加載后生效，但我不想使用<body onload="init()"還有另一種選擇嗎？
<script type="text/javascript">
function init() {
container = document.createElement('div');
<script>
<body onload="init()">
</body>
4 個解決方案
解決方案1
7 2015-11-20 19:08:38
從load處理程序調用它：
function init() {
container = document.createElement('div');
// ...
}
window.addEventListener("load", init);
解決方案2
1 已采納 2015-11-20 19:08:09
你也可以這樣做：
window.onload = function() {
init();
}
解決方案3
1 2015-11-20 19:26:53
好吧，你可以使用jquery，但是你必須把它包含在你的頭腦中或者用它
<!-- Google CDN -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
如果你想使用谷歌CDN，或
<!-- Microsoft CDN -->
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
</head>
對於Microsoft CDN。 現在，您可以在網頁中使用jquery。 所以寫下你的頭腦
<script type="text/javascript">
$(window).on('load",function(){
// your code
});
</script>
當然，您需要知道如何使用jquery來使用此解決方案。 但是，你也可以使用javasript，但我建議你開始學習jquery：非常有用。
<script>
window.onload = function() {
//your code
}
</script>
這應該是正確的方式;）
非常重要：在您的文檔開始加載時調用此函數！ 如果你想在頁面加載結束時應用一些東西（更好的解決方案，以提高加載速度）使用
$(document).ready(function(){
//your code
});
在jquery，或
document.addEventListener("DOMContentLoaded", function(event) {
//your code
});
在javascript中
解決方案4
-3 2015-11-20 19:11:13
我是編程新手但我認為你可以這樣做：用Jquery
$(document).ready(function(){
// code loaded..
});
沒有Jquery
// this code is bad to practise
<script type="text/javascript">
function init() {
// Put your code here
}
window.onload = init;
</script>
替代<body onload =“init（）;”>
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.