iframe
方法一：用iframe放入要植入的網頁
<div class=””>
<iframe src=”/public/sport/html/index.html” frameborder=”0" marginheight=”0" marginwidth=”0" scrolling=”no” width=”100%” height=”870" style=”width: 1000px; display: block; margin: 0 auto;” allowtransparency=”true”></iframe>
</div>
寫法
<iframe src="嵌入目標" width="250px" height="300px" frameborder="0" scrolling="no"></iframe>
寫法
<iframe src="嵌入目標" width="250px" height="300px" frameborder="0" scrolling="no"></iframe>
方法二：function放入
主頁
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8">
<title>demo演示</title>
</head>
<html>
<head>
<meta charset=”UTF-8">
<title>demo演示</title>
</head>
<body>
<!--顶部导航 -->
<header></header>
<! — 顶部导航 over - ->
<!--顶部导航 -->
<header></header>
<! — 顶部导航 over - ->
<!- -中部主体- ->
<p>···代码省略···</p>
<! — -中部主体 over- ->
<p>···代码省略···</p>
<! — -中部主体 over- ->
<! — footer — ->
<footer></footer>
<! — footer over — ->
<footer></footer>
<! — footer over — ->
<script src=”/js/jquery.min.js”></script>
<script>
/*导入头部和尾部*/
$(document).ready(function(){
$(“header”).load(“/header.html”);
$(“footer”).load(“/footer.html”);
});
</script>
</body>
</html>
<script>
/*导入头部和尾部*/
$(document).ready(function(){
$(“header”).load(“/header.html”);
$(“footer”).load(“/footer.html”);
});
</script>
</body>
</html>
footer頁面
<!--footer.html页面-->
<footer>
<ul class="g-flex">
<li class="g-flex-auto"><a href="#" class="i-b">首页</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">分类</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">订单</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">我的</a></li>
</ul>
</footer>
方法三：php語法
<?php
require ('header.php');
?>
<?php $this->beginBody() ?>
<?= $content ?>
<?php $this->endBody() ?>
<?php
require ('footer.php');
?>
<footer>
<ul class="g-flex">
<li class="g-flex-auto"><a href="#" class="i-b">首页</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">分类</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">订单</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">我的</a></li>
</ul>
</footer>
方法三：php語法
<?php
require ('header.php');
?>
<?php $this->beginBody() ?>
<?= $content ?>
<?php $this->endBody() ?>
<?php
require ('footer.php');
?>
沒有留言:
張貼留言