网页复用
我看你问的 是 C#/.NET 的问题
其实再VS中就带有这样功能 你说的应该是.ascx 用户控件的功能
先要注册
如:
<%@ Register TagPrefix="uc1" TagName="foot" Src="foot.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Index_Right" Src="Index_Right.ascx" %>
<%@ Register TagPrefix="uc1" TagName="index_youqinglianjie" Src="index_youqinglianjie.ascx" %>
<%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="Tour.index" %>
<%@ Register TagPrefix="uc2" TagName="top" Src="top.ascx" %>
<%@ Register TagPrefix="uc2" TagName="left" Src="left.ascx" %>
调用:
<form id="Form1" method="post" runat="server">
<div id="container">
<div id="top"><uc2:top id="Top1" runat="server"></uc2:top></div>
<div id="left"><uc2:left id="Left1" runat="server"></uc2:left></div>
还有一种:
<script language="javascript" src="inc/top.asp"></script>
通过这样的方式 可以调用同一个页面 也很方便!
有什么疑问 直接网络留言
Ⅱ 在做网站优化时,页面导航要复用到每个页面,是否能做个通用的,然后每个页面引用呢,具体怎么做啊
这个可以做,你就把每个页面的链接都做到导航下,作为子链接存在
Ⅲ 如何实现jsp页面复用
可以的不过要用servlet画的,
import java.awt.image.*,java.util.*,javax.imageio.*
好象是这些包楼主可能要自己试一下,不清楚对不对的
response.setContenType("image/jpeg");
// 在内存中创建图象,可以想象成一个画板大小是20mm长,60mm宽
int width=60, height=20;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
// 获取图形上下文,g想象成一个画笔
Graphics g = image.getGraphics();
//生成随机类
Random random = new Random();
//画线 x,y是坐标
g.drawLine(x,y,x+xl,y+yl);
//随即声成颜色
g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
g.drawString(逗画图地);在画版中画一个字符串,
}
还有画圆画方的很多方法,楼主可以试试
// 图象生效
g.dispose();
// 输出图象到页面
ImageIO.write(image, "JPEG", response.getOutputStream());
然后页面用<img src="servlet的url地址得到这幅画"/>
Ⅳ JS 网页脚本 重复使用
建一个js为扩展名的文件例如,myjquery.js 把你的js代码放进去,就<script type="text/javascript"> 和</script>之间的内容,然后再html页面中使用<script src="./myjquery.js" type="text/javascript"></script>导入进去。注意src的路径问题,./表示当前路径,../表示上一目录的路径。这个路径找对了,所有的js方法和变量都能复用了。
Ⅳ 如何复用HTML模板代码,比如头部尾部等相同代码的部分,具体怎么做
HTML复用,不需要任何模板就可以复用相同的内容
条件:控制页面布局显示就可以完成
示例:
主页
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>HTML调试</title>
<script type='text/javascript' src='js/jquery-1.8.0.min.js'></script>
<script src='js/zui.min.js' type='text/javascript' charset='utf-8'></script>
<script src='js/jquery-barcode.js' type='text/javascript' charset='utf-8'></script>
<link rel='stylesheet' type='text/css' href='css/zui.css' />
<style type='text/css'>
#container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
font-family: '宋体';
}
</style>
</head>
<body>
<div id='container'>
<!--复用页面容器1-->
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width: 100%;border-bottom: 1px solid #F1F1F1;">
<iframe align="center" width="100%" height="70px" src="html/page_header.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div id="contents" style="position: absolute;left: 0px;top: 70px;width: 100px;">
<!--不相同内容容器-->
</div>
<!--复用页面容器2-->
<div style="position: absolute;left: 0px;top: 585px;height: 70px;width: 100%;border-top: 1px solid #F1F1F1;">
<iframe align="center" width="100%" height="70px" src="html/page_footer.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>
</body>
</html>
复用页面1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<title>复用头部</title>
</head>
<body>
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;">
复用头部
</div>
</body>
</html>
复用页面2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<title>复用底部</title>
</head>
<body>
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;">
复用底部
</div>
</body>
</html>
项目结构
Ⅵ 如何让多个html页面嵌套相同的导航条Iframe
如果你是使用动态语言,ASP,php,JSP等
那些语言里面都有一个include的标签,可能叫法不一致
你可以将导航做成单独的一个文件,通过这些标签是可以引入这个文件的
如果是静态的HTML,没有这类的标签,不建议你使用iframe和JS
一般这种情况下,静态页面都会将导航一个一个的加到静态页面中,最后写程序的时候在用include这种标签添加即可
Ⅶ 有谁知道,html中共用的html页面,怎么重复调用么,我现在是每个页面都复制进去了,显得代码好多
网站设计有很多时候在每一个网页都要使用同一的重复的部分,如每页的LOGO、导航栏设计、 版权信息等等,如果设计的时候没有将这些始终重复的部分独立出来,有需要修改的时候就会修改所有页面的同一个地方,将是非常繁琐的事情。所以我们往往将在 每个页面重复的部分独立设计、保存,采用调用的方法应用在每个页面相应的地方,如果有需要修改,往往只修改独立的这个文件就达到修改全部页面的效果。
在asp 以及php等中可以使用include之类的代码调用,那么在HTML格式的静态页面中是否也可以使用同样的调用方法?
现在就告诉大家在html网页中也可以实用文件调用的超级简短代码:
ASP一般常用调用代码:<!--webbot bot="Include" U-Include="include/top.htm" TAG="BODY" -->
标准ASP的SSI语法:<!--#include file="include/top.htm"-->
html调用中的浮动框架代码:<iframe src="地址" scrolling=auto width= height= frameborder=0 id=""></ifram>
html调用中的对象代码:<object src="地址" width="" height=""></object>
在html文件引入其它html文件的几种方法:
1.IFrame引入
代码: <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
你 会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用代码: <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 但你又发现两个页面背景色不同,你只要在引入的文件import.htm中使用相同的背景色就可以了。
2.<object>方法
代码:<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
Ⅷ 网页内容复用
我一般这样。。
做一个 header.php 代码如下:
<?php
$header = <<<END
你的div代码
END;
?>
然后在你的主页上:
<?php
require_once 'header.php';
echo $header;
//这样还能实现判断什么时候显示导航。
?>
Ⅸ html页面可以实现include复用功能吗
首页,我们看一下,当我们没有操作之前,我们查看页面源代码,可以看以include没有被解析出来,还是显示一行代码。
<!--#include file="top.html"-->
第一步,打开IIS,步骤如下:
点击开始--管理工具--IIS管理器
或者
开始--控制面板--管理工具--IIS管理器
第二步,打开网站的属性面板,这里大家注意下,看您是想设置单个网站还是想设置整个IIS的所有网站,如果单个网站直接点开网站,选择你想设置的那个网站属性面板,下面为大家介绍的是整个IIS的网站。如下图;
第三步,打开网站属性面板后,依次操作:
主目录--配置
打开主目录的配置面板;
第四步,在弹出的“应用程序配置”面板中选择第一个“映射”选项。
然后在下面框里找到.shtml,
第五步,打到.shtml后双击这条记录,然后点下面的“编辑”按钮
第六步,在弹出的编辑面板中把.shtml的可执行文件复制一下。
C:\WINDOWS\system32\inetsrv\ssinc.dll
然后点取消或者确定,关掉.shtml的编辑面板
第七步,在“应用程序配置”面板中选择第一个“映射”选项。然后点击添加;
在里面依次输入以下信息
可执行文件:C:\WINDOWS\system32\inetsrv\ssinc.dll
扩展名:.html
动作:GET,POST
这里的可执行文件就是刚刚上一步复制的.shtml的可执行文件。
编辑完后,点击确定,然后保存刚刚的设置,不需要重启IIS。到此已经全部设置完成。
最后,我们再刚一下刚刚那个页面,我们看到include的信息被解析出来了。不再显示<!--#include file="top.html"-->
Ⅹ 在网页中重复使用Js代码
html页面调用一下js文件。你的js单独放在一个文件。html里就<script>调用,加一下js文件的路径。然后在使用你的函数名dynOpacity(传入参数)