如何将一个HTML页面html5嵌套页面在另一个页面中

html页面嵌套使用示例(frameset使用方法)
这篇文章主要介绍了html页面嵌套使用示例(frameset使用方法),需要的朋友可以参考下
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&HTML中框架的嵌套&/title&&/head&&!--
framespacing="2":改变两个窗口之间的空隙大小
scrolling="yes":设置是否有滚动条,在对应的frame标签中设置--&&frameset rows="10%,*" frameborder="0" framespacing="10"&
src="HTML中框架的嵌套top.html" noresize="noresize" scrolling="yes"/&
&frameset cols="20%,*"&
src="HTML中框架的嵌套left.html" noresize="noresize"/&
&frame src="HTML中框架的嵌套right1.html" name="right1"/&
&/frameset& &/frameset&&noframes&&/noframes&&/html&
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&无标题文档&/title&&/head&&/p&
src="../../imgs/tingyingyue.png" width="1000" align="bottom"/&&/body&&/html&
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&无标题文档&/title&&/head&&/p&
&p&&body bgcolor="#FFFF99"&&a href="HTML中框架的嵌套right1.html" target="right1"&青花瓷&/a&&a href="HTML中框架的嵌套right2.html" target="right1"&当兵的人&/a&&/body&&/html&
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&无标题文档&/title&&/head&&/p&
&p&&body bgcolor="#99FF99"&1.内容房金卡砀山龙卷风卡拉德斯基付款了撒旦积分卡束带结发asdfjlkasdjflkadsfasdjklfjklasdjfklasdjfklasdjfklasdjkl假啊抵抗力司法局阿卡丽大煞风景卡拉斯的减肥了的萨克拉积分卡拉斯的积分卡拉斯的姐夫发大水了卡积分拉克丝的&/body&&/html&
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&无标题文档&/title&&/head&&/p&
&p&&body bgcolor="#99FF99"&2.内容风刀霜剑阿库房尽快拉萨等放假卡拉斯京东方离开家阿达撒疯狂拉萨的积分卡拉丁上进疯狂拉萨极度疯狂拉萨短发绝色赌妃卡拉胶苏打绿咖啡&br/&fdasklfjklasdjfkdlas吉萨考虑到放假啊克里斯多夫金坷垃大煞风景&/body&&/html&如何将一个HTML页面嵌套在多个动态页面(asp) -
- ITeye技术网站
博客分类:
很多时候,由于程序设计需要,要求在asp的include包含文件里调用动态的文件。如&!--#include file="map1.asp"--&其中的1是个动态参数,需要request获取。但可惜的是,include语句里并不能含有变量,否则将提示找不到文件错误。本文将提供3种方法解决该问题。
首先,我们需要了解,包含文件的提示和警告信息:被包含的文件可以包含其他文件。只要“#include”命令不导致循环,.asp 文件也可以多次包含同一文件。例如,如果文件 First.asp 包含文件 Second.inc,则 Second.inc 不能反过来包含 First.asp。文件也不能包含其自身。ASP 检测这样的循环或嵌套错误,生成错误消息,并停止处理请求的 .asp 文件。
解决方法一:FSO调用方法
ASP语言是强大易用的语言,我们不要把自己的思维局限固定在一个角落里,“条条大道通罗马”,一个思路不通,换个思路吧。
本方法采用变通的方法实现同样的包含功能。即FSO调用。代码如下:
&%Function getFileContents(strIncludeFile) '函数:读取包含文件内容Dim objFSO,objText,strPageSet objFSO = Server.CreateObject("Scripting.FileSystemObject") '调用FSO对象Set objText = objFSO.OpenTextFile(Server.MapPath(strIncludeFile))getFileContents = objText.ReadAllobjText.CloseSet objText = NothingSet objFSO = NothingEnd Function
dim pp=request("p") '2种方式:request.form ,request.querystringresponse.write getFileContents("map"&p&".asp")%&
这样,利用fso函数读取包含文件的内容,然后用response.write把包含文件的内容输出,即实现和include命令同样的功能了,轻松实现自由输出诸如 map1.asp,map2.asp… 等文件内容了。
解决方法二:if...elseif...
此方法适用于要包含的文件数量不多的情况下,也是懒人+笨人的方法,呵呵。代码如下:
&%if a=1 then%&&!--#include file="map1.asp"--&&%elseif a=2 then%&&!--#include file="map2.asp"--&&%elseif a=3 then%&&!--#include file="map3.asp"--&&%end if%&
解决方法三:select case
方法和第二种差不多,稍微好点。代码如下:
&%select case pcase 1%&&!--#include virtual='inc/****1.asp'--&&%case 2%&&!--#include virtual='inc/****2.asp'--&&%case 3%&&!--#include virtual='inc/****3.asp'--&&%case 4%&&!--#include virtual='inc/****4.asp'--&&%end select%&
如果你有其他更好的方法,欢迎与我们交流。您可以把你您的想法留在评论里,我们期待与您的探讨。
补充:关于asp的include包含命令,需要注意以下方面。
ASP程序在执行脚本命令之前就已经包含文件。因此,不能使用脚本命令来建立被包含的文件名。举例来说,因为 ASP 试图在将文件名指派给变量 name 之前执行“#include”命令,所以下面的脚本无法打开文件 Header1.inc。
&!-- 该脚本将失败 --& &% name= header1.inc %& &!-- #include file="&%= name %&" --&
脚本命令和过程必须完全包含在脚本分隔符 &% 和 %& 内,即 HTML 标签 &SCRIPT& 和 &/SCRIPT&,或 HTML 标签 &OBJECT& 和 &/OBJECT& 内部。也就是说,不能在包含 .asp 文件中打开脚本分隔符,并在被包含的文件中关闭分隔符;脚本或脚本命令必须是一个完整的单元。例如,下面的脚本将不起作用:
&!-- 该脚本将失败 --& &% For i = 1 To n 主文件中的语句&!-- #include file="header1.inc" --& Next %&
但下面的脚本会起作用:
&% For i = 1 to n 主文件中的语句 %& &!-- #include file="header1.inc" --& &% Next %&
如果 ASP 脚本包含的文件中存在包含脚本不需要的大量函数和变量,则这些无用的结构反而会影响性能,并最终降低 Web 应用程序的伸缩性。因此,通常将包含文件分成多个小文件,并且只包含那些服务器端脚本必需的文件,而不是包含那些带有冗余信息的一个或多个大型包含文件。
如果是用if else那还算什么动态?case也一样,所以我想用fso的方法,可惜我最后失败了。文章来源:http://www.piaoyi.org/asp/asp-include-variables.html
最后我是用的js的方法的XMLHttpRequest send ,responseText到div的innerHtml中得到了解决方法:
&%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%&
&meta http-equiv="Content-Type"
content="text/ charset=utf-8" /&
window.onload =
function () {
="text"+Math.floor(Math.random()*10+1)+".asp";
// Safari, Firefox, 及其他非微软浏览器
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} catch (e) {
} else if (window.ActiveXObject) {
// For Internet Explorer on Windows
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
var element = document.getElementById("includefooter");
if (!element) {
alert("函数clientSideInclude无法找到id " + id + "。" +"你的网页中必须有一个含有这个id的div 或 span 标签。");
if (req) {
// 同步请求,等待收到全部内容
req.open('GET', url, false);
req.send(null);
element.innerHTML = req.responseT
element.innerHTML ="对不起,你的浏览器不支持" +"XMLHTTPRequest 对象。这个网页的显示要求" +"Internet Explorer 5 以上版本, " +"或 Firefox 或 Safari 浏览器,也可能会有其他可兼容的浏览器存在。";
&span id="includefooter"&&/span&
代码来源:http://blog.csdn.net/huangxy10/article/details/8486719
浏览: 145828 次
Apache2.4.x版wampserver本地php服务器如 ...
我就用的是这种方法,但是还是最后一行显示不全!着急啊!!
赞!楼主V5O(∩_∩)O哈!
赞!楼主V5O(∩_∩)O哈!页面导航:
→ 正文内容 AngularJS实现HTML页面嵌套
使用AngularJS来实现HTML页面嵌套的方法
这篇文章主要介绍了使用AngularJS来实现HTML页面嵌套的方法,主要用到了AngularJS中的ng-include指令,需要的朋友可以参考下
&HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式:
&&& 使用Ajax - 让一台服务器来调用获取相应的HTML页面,并将其设置在HTML控件的innerHTML。
&&& 使用服务器端包含 - JSP,PHP等Web端服务器技术可以在包括动态页面中的HTML页面。
使用AngularJS,我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。
&div ng-app="" ng-controller="studentController"&
&div ng-include="'main.html'"&&/div&
&div ng-include="'subjects.html'"&&/div&
tryAngularJS.html
&title&Angular JS Includes&/title&
table, th , td {
border-collapse:
padding: 5
table tr:nth-child(odd) {
background-color: #f2f2f2;
table tr:nth-child(even) {
background-color: #
&h2&AngularJS Sample Application&/h2&
&div ng-app="" ng-controller="studentController"&
&div ng-include="'main.html'"&&/div&
&div ng-include="'subjects.html'"&&/div&
function studentController($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
subjects:[
{name:'Physics',marks:70},
{name:'Chemistry',marks:80},
{name:'Math',marks:65},
{name:'English',marks:75},
{name:'Hindi',marks:67}
fullName: function() {
var studentO
studentObject = $scope.
return studentObject.firstName + " " + studentObject.lastN
&script src="/ajax/libs/angularjs/1.2.15/angular.min.js"&&/script&
&table border="0"&
&tr&&td&Enter first name:&/td&&td&&input type="text" ng-model="student.firstName"&&/td&&/tr&
&tr&&td&Enter last name: &/td&&td&&input type="text" ng-model="student.lastName"&&/td&&/tr&
&tr&&td&Name: &/td&&td&{{student.fullName()}}&/td&&/tr&
subjects.html
&p&Subjects:&/p&
&th&Name&/th&
&th&Marks&/th&
&tr ng-repeat="subject in student.subjects"&
&td&{{ subject.name }}&/td&
&td&{{ subject.marks }}&/td&
要运行这个例子,需要部署textAngularJS.html,main.html和subjects.html 到一个网络服务器。使用服务器URL在Web浏览器中打开textAngularJS.html。看到结果。
您可能感兴趣的文章:
上一篇:下一篇:
最 近 更 新
热 点 排 行
12345678910

我要回帖

更多关于 html嵌套页面 的文章

 

随机推荐