How import html in another html file like php include() function

Question

I want to include header and footer in all of my pages. I can include in php by using include() function. But I have only .html file. So is there any html markup to include another html file.

If your server supports it, you can use Server Side Includes — Rory McCrossan
– Rory McCrossan, Commented Jun 26, 2015 at 13:32

max890 · Accepted Answer · 2015-06-26 13:34:14Z

2

With jquery you can do an ajax request:

 $('footer').load('/yourPage.html', function () {
    //if you need to do something after
 });

answered Jun 26, 2015 at 13:34

max890

5273 silver badges10 bronze badges

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

Comments

Thyrun · Accepted Answer · 2015-06-26 13:34:06Z

0

Using HTML Imports

<head>
  <link rel="import" href="/path/to/file/file.html">
</head>

And use it with:

var content = document.querySelector('link[rel="import"]').import;

answered Jun 26, 2015 at 13:34

Thyrun

1011 silver badge10 bronze badges

2 Comments

Sa Si Kumar Over a year ago

I tried it. But it hasn't rendered in the browser. But has external file markups added in code view

Corey Young Over a year ago

@sasikumar you still have to insert the content into the dom somewhere. His code only stored it into the content variable. If you have a dom node use this developer.mozilla.org/en-US/docs/Web/API/Node/appendChild if you have text, use .innerHTML.

Collectives™ on Stack Overflow

How import html in another html file like php include() function

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related