초보자 용서를 용서해 주신 여러분, 아주 재미 있습니다.아주 간단한 자바 스크립트 이미지로드 질문
자바 스크립트로 매우 간단하고 작은 이미지를로드하고 싶습니다. 온로드에 의해 트리거되는 것을 수행 할 수 있습니까?
참고 : 여기에는 JavaScript가 제대로 작동하는 데 필요한 웹 사이트 섹션이 있습니다. 사용자에게 자바 스크립트가 설치되어 있음을 보여주기 위해 작은 녹색 원을 갖고 싶습니다.
매우 간단 (라이브러리를 가져올 필요가 없습니다) :
<!-- 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>
이 코드는 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;
}
가장 간단하고 쉬운 방법은로드 또는 준비 기능을 사용하는 자바 스크립트 라이브러리를 사용하는 것입니다. 문서가 준비되었을 때 jquery, 실행 및 예제가있는 예 :
$(function() {
$('body').append('<img src="/img/js-is-working.jpg" />');
});
@Anonymous 잘 숙제 나 더 큰 프로젝트와 같은 작은 프로젝트를 수행하는 경우 의존적입니다. – jpabluz
완벽. 감사! – Joel