Insert one HTML file into another HTML file [duplicate]

前端未结

关注

 5  1079

礼貌的吻别

相关标签:

5条回答

刺人心

2020-12-19 06:55

I prefer try to use Jquery,Like as

<!doctype html>
<html>
<head>
<title>Home page</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script> 
   $(function(){
      $('.header').load("header.html"); 
   });
</script> 
</head>
<body>
<div class="header"></div>
</body>
</html>

In same folder open a file with name header.html.Same thing you can apply for footer.

0 讨论(0)

南方客

2020-12-19 06:58
You can do this with HTML alone using Server Side Includes. Simplest example:

index.html
```
<html><head><title>Test</title></head>
<body>
    
</body>
</html>
```
navbar.shtml
```
<ul class="nav">
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
</ul>
```
What you should never do is use framesets or iframes to do this. https://stackoverflow.com/a/15938545/822711

Please note, this will not work using the file:// protocol, it needs to run on a web server as it would in a live environment. This could be on a private or public server, or localhost using a server running on your computer such as wamp.
0 讨论(0)
发布评论:

提交评论
- 加载中...
我在风中等你

2020-12-19 07:03
For this you need to add server side language if you are using PHP you can create a nav.php file. In this file you can add the complete HTML of your navigation and you can include this PHP file in your code instead of putting navigation HTML. Like this
```
<?php include("nav.php");?>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
花落未央

2020-12-19 07:11
with PHP it's possible, but you have to change the files to .php files.

put this in the main file:
```
<?php 
     include("navbar.php");
?>
```
I don't know a good way with HTML
0 讨论(0)
发布评论:

提交评论
- 加载中...

自闭症患者

2020-12-19 07:15

1) In html we can load other files into one html file using Iframe

<!DOCTYPE html>
<html>
<body>

<iframe src="header.html">
  <p> display</p>
</iframe>

</body>
</html>

2) We can use jquery function to load the file into some specific div.

 <script> 
    $(function(){
        $('#header').load("header.html"); 
    });
</script>

3) Use other languages like php , .net for that we use php include and require for that

**Apart from using iframe there is no other way in html that we can include one html file to another.**

0 讨论(0)

热议问题