Skip to content Skip to sidebar Skip to footer
Home / Css / Html

Html File Including Another Html File

Post a Comment
I created a web page wherein I want to display there another HTML file. I used jQuery to do this but wasn't able to display the content of the file I have included. Why do you thin

Solution 1:

It is highly possibly because you are placing the following block in head without $(document).on("ready", function() { ...; });

$(function(){
    $('#footerLang').load("sampleFooter.html");
});

In this case jQuery will unable to find the #footerLang element since the DOM is not ready, you could revise the script as follow

$(function(){
    $(document).on("ready", function () {
        $('#footerLang').load("sampleFooter.html");
    });
});

or move the script tag just before the </body>

<html><head><title> Sample Only </title><scripttype="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script></head><body><divid="footerLang"><h1></h1></div><script> 
        $(function(){
            $('#footerLang').load("sampleFooter.html");
        });
    </script></body></html>

Solution 2:

I found out that this was just a browser compatibility issue. I launch it in Firefox and it worked.

Post a Comment for "Html File Including Another Html File"