Ⅰ 關於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(傳入參數)