非常簡單的JavaScript圖像加載問題

很新的JavaScript在這裏的人，所以原諒新手問題。非常簡單的JavaScript圖像加載問題

我想用javascript加載一個非常簡單和小的圖像。我能做一個由onload觸發的事嗎？

注：原因是我有一個網站的一部分，需要javascript才能正常工作。我想要一個綠色的圓圈來向用戶顯示他們已經安裝了javascript。

2010-02-05 Joel

很簡單（不需要導入庫）：

<!-- somewhere in your document's <body> tag --> 
<div id="divId"> 

</div> 

<!-- in your document's <head> tag, or a separate .js file --> 
<script> 
// addLoadEvent function for executing JavaScript on page load 
// adds the event in such a way that any previously added onload functions 
// will be executed first. 
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
    window.onload = func; 
    } else { 
    window.onload = function() { 
     if (oldonload) { 
     oldonload(); 
     } 
     func(); 
    } 
    } 
} 

addLoadEvent(function() { 
    document.getElementById('divId').innerHTML = "<img src='yourimage.gif' />" 
    // add more code here if necessary 
}); 



</script>

來源

2010-02-05 20:38:42

@匿名井，如果你正在做一個小項目，如家庭作業或更大的項目，將有依賴。 – jpabluz 2010-02-05 20:45:30

完美。謝謝！ – Joel 2010-02-05 20:49:31

此代碼假定你不使用JQuery。

var preloadedImage;  

function PageIsLoaded(e) 
{ 
    preloadedImage = new Image(); 
    img.src = 'pathToYourImage.jpg'; 
    // preloading 
    img.onLoad = function() { displayImage() }; 
} 

function displayImage() 
{ 
    // Assuming that this id refers to an IMG tag 
    var imgHolder = document.getElementById('imgHolder'); 
    imgHolder = preloadedImage; 
}

來源

2010-02-05 20:39:19 jpabluz

最簡單和最簡單的方法是使用JavaScript庫，它使用加載或準備好的函數。示例與jquery，啓動時，文檔準備好:)

$(function() { 
    $('body').append('<img src="/img/js-is-working.jpg" />'); 
});

來源

2010-02-05 20:52:36

非常簡單的JavaScript圖像加載問題

回答

相關問題