页面左上角显示加载信息的 JS -CSDN博客

本文介绍了一个简单的JavaScript函数，用于在页面加载过程中显示加载提示图标及文字。通过创建DOM元素并将其添加到body中，实现了一个包含加载动画和文本的提示框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面左上角显示加载信息的 JS

    //加载AJAX提示
    function LoadAjaxIco(text)
    {
    try{
        if(text == null || text ==““)
            text = “正在加载“;
        var element = document.createElement(“span“);
        var img = document.createElement(“img“);
        var spn = document.createElement(“span“);
        spn.innerHTML = “ “ + text + “...“;
        spn.style.color=“#000000“;
        img.setAttribute(“src“,“/images/loading.gif“);
        img.setAttribute(“align“,“absmiddle“);
        img.setAttribute(“border“,“0px“);
        element.setAttribute(“id“,“AjaxIcoDiv“);
        element.style.position = “absolute“;
        element.style.textAlign = “center“;
        element.style.padding = “4px 4px 4px 4px“;
        element.style.top = document.body.scrollTop + “px“; //这里还需处理.避免麻烦就直接删掉了页面的〈!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“〉
        element.style.width = “100“;
        element.style.height = “20px“;
        element.style.backgroundColor= “#ffffff“;
        element.style.left = (document.body.scrollWidth - 105) + “px“;//这里还需处理.

        element.appendChild(img);
        element.appendChild(spn);
        document.body.appendChild(element);
    }
    catch(e){}
    }

    //卸载AJAX提示
    function UnLoadAjaxIco()
    {
    try{
    document.body.removeChild(document.getElementById(“AjaxIcoDiv“));
    }
    catch(e){}
    }

在IE和FF下测试没有问题。