How To Include Html File In Another Html File
I have two html files first.html and second.html and I want to include the second file into the first file for code re usability. I am using following statement to include the file
Solution 1:
Look at this website. http://www.html5rocks.com/en/tutorials/webcomponents/imports/
It suggest what are the best practices. It always depends on your real needs. Why you didn't use frames?
Solution 2:
Using jQuery:
a.html:
<html><head><scriptsrc="jquery.js"></script><script>
$(function(){
$("#content").load("b.html");
});
</script></head><body><divid="content"></div></body></html>
b.html:
<p> This is my second file </p>Solution 3:
use jquery's .load() function to load your template.
Please refer this documentation. http://api.jquery.com/load/
Solution 4:
In my opinion the best solution is:
Using jQuery:
a.html:
<html><head><scriptsrc="jquery.js"></script><script>
$(function(){
$("#includedContent").load("b.html");
});
</script></head><body><divid="includedContent"></div></body></html>
b.html:
<p> This is my include file </p>Like that i can get a simple and clean solution to my problem. http://api.jquery.com/load/
Source: Include another HTML file in a HTML file Google is your friend :)
Post a Comment for "How To Include Html File In Another Html File"