Ⅰ 关于html网页控件复用的问题

我看你问的 是 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(传入参数)