非常简单的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图像加载问题

回答

相关问题