非常简单的javascript图像加载问题

大家对javascript非常陌生，所以请原谅这个新手的问题

我想用javascript加载一个非常简单和小的图像。我可以执行由加载触发的操作吗

注意：这样做的原因是我有一部分网站需要javascript才能正常工作。我想用一个小绿圈向用户显示他们安装了javascript。

非常简单（无需导入库）：

//addLoadEvent函数，用于在页面加载时执行JavaScript
//以这样的方式添加事件：以前添加的任何onload函数
//将首先执行。
函数addLoadEvent（func）{
var oldonload=window.onload；
if（typeof window.onload！=“函数”）{
window.onload=func；
}否则{
window.onload=函数（）{
if（oldonload）{
oldonload（）；
}
func（）；
}
}
}
addLoadEvent（函数（）{
document.getElementById（'divId'）。innerHTML=“”
//如有必要，在此处添加更多代码
});

非常简单（无需导入库）：

//addLoadEvent函数，用于在页面加载时执行JavaScript
//以这样的方式添加事件：以前添加的任何onload函数
//将首先执行。
函数addLoadEvent（func）{
var oldonload=window.onload；
if（typeof window.onload！=“函数”）{
window.onload=func；
}否则{
window.onload=函数（）{
if（oldonload）{
oldonload（）；
}
func（）；
}
}
}
addLoadEvent（函数（）{
document.getElementById（'divId'）。innerHTML=“”
//如有必要，在此处添加更多代码
});

此代码假定您不使用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

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;
}

---

实现这一点的最简单和最简单的方法是使用javascript库，它利用load或ready函数。jquery示例，在文档准备就绪时启动：）

$（函数（）{
$（'body'）。追加（''）；
});

实现这一点最简单、最简单的方法是使用javascript库，它利用load或ready函数。jquery示例，在文档准备就绪时启动：）

$（函数（）{
$（'body'）。追加（''）；
});

@Anonymous well，如果你正在做一个小项目，比如家庭作业或更大的项目，那么它将取决于你。@Anonymous well，如果你正在做一个小项目，比如家庭作业或更大的项目，那么它将取决于你。

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