Question

I have a code which I used to load external files into a html. How can I do it without importing external files or any libraries, so inside html I can type a short script and it will load another page?
i use this script so far:

$(document).ready(function(){
        $('#outer').load('html_file.html');
});

but it requires to have additional files + libraries. How can I do everything directly in html?

Any ideas?

basically I want to include the whole another website inside the new one, but I can use only html + javascript inside the html file. All css files will be stored and reffered in the imported file.

Answer 1

Use this “html”:

<script type="text/javascript">
window.onload = function() {
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
    xhr.open("GET", "html_file.html", false);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            document.getElementById("outer").innerHTML = xhr.responseText;
        }
    };
    xhr.send(null);
};
</script>