Esta:

function myFunction()
{
    document.write("sup");
}

llamado en html como:

<div id="myDiv">
    <script>myFunction();</script>
</div>t

agrega una cadenasup almyDiv elemento div. Que es lo que quiero, exactamente. Sin embargo, esto:

function loadFile(uri)
{
    var r = new XMLHttpRequest();
    document.write("trying to open: " + uri);
    r.open('GET', uri, true);
    r.send(null);
    r.onreadystatechange = function()
    {
        if (r.readyState == 4)
        {
            myFunction();
        }
    }
}

function myFunction()
{
    document.write("sup");
}

llamado así:

<div id="myDiv">
    <script>loadFile("filename.txt");</script>
</div>

Parece estar sobrescribiendo todo mi archivo html. Es decir. cuando lo ejecuto en Firefox me muestra solo la cadenasup (eso es todo el contenido de la página) pero la página parece estar todavía cargando (el icono de carga de FF todavía está animando, aparentemente infinitamente).

En primer lugar, se usará solo localmente, sin conexión, como una forma rápida y práctica de presentar datos (utilizando html + js y el navegador web en lugar de colocar el archivo de texto). Lo que quiero es cargar un archivo de texto local y luego colocar parte de su contenido como parte de la página html. Lo mismo que en mi primer ejemplo pero con cargar el archivo de texto primero.