How to include external files into html with javascript / jquery?

Question

I have several files (header.html, nav.html, footer.html). I was wondering if there's a way to include these files into index.html while the page loads (or before) using plain js or jquery library. I know it's better to do it from server-side, but right now I'm working on front-end and don't have access to server-side scripts.

When I try to use $.load('header.html'), it gives me the following error:

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'load'

RoccoC5 · Accepted Answer · 2011-09-22 22:46:29Z

3

The load() function has to be called on a matched element.

$('#myDiv').load('test.html');

In this example, the content will be loaded to the myDiv element.

answered Sep 22, 2011 at 22:46

RoccoC5

4,21320 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sherzod Over a year ago

yeah I just figured that out! THanks!

Collectives™ on Stack Overflow

How to include external files into html with javascript / jquery?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related