如何将一个HTML页面嵌套在另一个页面中
使用框架标签:
iframe
http://www.w3school.com.cn/html/html_iframe.asp
frameset
http://www.w3school.com.cn/html/html_frames.asp
scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距; topmargin上边距
将一个html页面中嵌入另一个html页面需要使用到iframe标签。
iframe标签用法:
<iframe src="你要嵌套的页面.html" frameborder="0" width="300" scrolling="No" height="200" leftmargin="0" topmargin="0"></iframe>
scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距
扩展资料:
嵌入页面的几种方法:
一、应用框架技术
在页面中嵌入外部页面的方法是,在页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”语句即可。
如果想在嵌入的外部页面过长时不出现滚动条,在外部文件< body >标签中加入“scroll=no”或者在宿主页面< IFRAME >标签中加入“scrolling=no”即可。
但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。
注意,如果您使用的是IE 5.5或以上版本的话,直接在标签< IFRAME >内设置属性allowTransparency="true"(即框架背景透明)即可。
二、使用Scriptlets组件技术
应用这种技术的方法是在宿主页面中包含外部页面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X >< /OBJECT >”语句即可。
在IE 5.0及以后版本中,scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC),其特点类似于上文所讲的框架技术。它有自己的不透明方形区域,并覆盖在宿主页面上,因此不能很平滑地用于具有纹理背景的宿主页面中,其工作方式类似于ActiveX控件,具有自己独立的事件、方法和属性。
三、使用脚本文件技术
document.write方法可以在宿主页面中输出内容,这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“< SCRIPT language="JavaScript" src="import.js" >< /SCRIPT >”,然后对外部页面进行改造,将每一行内容写入document.write中,并另外保存在扩展名为js的新文件中。
这种方法的特点是外部页面不具有自己的方形区域,和宿主页面浑然一体,但由于外部页面内容全部写在脚本中,无法做到所见即所得,必须等到脚本运行时才能看到实际效果,这样就为修改调试增加了困难。
参考资料来源:百度百科:内嵌框架
使用iframe的客户端包含
客户端页面嵌套还可以使用iframe的方法,弊端是必须事先想好被嵌套的页面在首页中要占多大的位置。如果被嵌套页面太大,超过事先定义的宽度或高度,则首页会出现滚动条。这也许正是你所需要的,但也许会完全破坏主页的设计。
iframe的使用很简单,下面的例子会在你的页面中嵌入另一个叫做include.html的页面:
<a
href="included.html">你的浏览器不支持iframe页面嵌套,请点击这里访问页面内容。</a>
这里主页中定义了要插入的页面将显示的高度为400的像素,宽度为450个像素。
我们为什么要在
iframe的里面插入一个普通的超级链接元素
呢?这是因为老版本的浏览器和搜索引擎不支持iframe,虽然现在已经很少有人还会使
用Netscape
4这样老的浏览器了,但是几乎所有人都会使用象Google这样的搜索引擎。在iframe里面加上超级链接可以帮助搜索引擎找到网页的内容。
另外我们可以定义iframe的一些属性来控制网页的显示效果
,除了前面用到的最常用宽度(width)和高度(height)的定义外,如果在任何情况下都不希望出现滚动条的话,可以定义iframe的
scrolling属性等于"no"。如果不希望镶嵌页面的周围出现边框的话,可以将frameborder属性设置为0。下面这个例子显示了
scrolling和frameborder属性的使用:
<a
href="included.html">你的浏览器不支持iframe页面嵌套,请点击这里访问页面内容。</a>
在asp页面中引用外部页面很简单,使用以下语句就可以:<!--
include
file="要引用的页面"
->
但是在html
静态页面中引用外部页面则没那么方便,主要方法有:
1.使用框架来实现,但是那样占用线程较多,速度慢;
<iframe
width=100%
height=30
marginwidth=0
marginheight=0
src="header.htm"
></iframe>
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍
2.使用.
js脚本来实现
就是把相关的html文件转化为js文件.再在调用的时候用
<script
src="imp
ort.js"></script>
或<script
src="import.asp"></script>,此时import.asp中的内容必须使用js输入才行。
如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。
另外,编写js输出的内容代码较凌乱,容易出错。
3.下面是一种实现方法:
最好能有一种方法,就像asp页面包含其他页面时那样,用一小段包含语句就可以实现,不要将需要包含的内容出现在本页面内,而是分割出去到另外一个自己的页面。
<span
><ie:download
style="behavior:url(#default#download)"
/>
<script>
function
ondownloaddone(downdata){
showimport1.innerhtml=downdata
}
odownload1.startdownload('top.htm',ondownloaddone)
</script>
注:包含的页面为
top.htm
只要把需要包含的页面改掉就可以了!其中id=showimport
不能改为其他,这种写法为一次包含一个文件。
4.<object>
个人觉得此法方便比较好
<object
type="text/x-scriptlet"
data="import.htm"
width=100%
height=30></object>
5.behavior的download方式
<span
<ie:download
style="behavior:url(#default#download)"
/>
<script>
function
ondownloaddone(downdate){
showimport.innerhtml=downdate
}
odownload.startdownload('import.htm',ondownloaddone)
</script>
6、html中执行ssl
存在这种情况,主机只默认的是index.html,但是需要首页是动态的,除了上述方法,可以使用ssl
[!--#exec
cgi="index.pl"
--]
1、在服务器上打开“服务器端包含”
2、把你的静态文件扩展名改成:shtml
3、在文件中添加<!--#include
file="你要包含的文件"
-->
用iframe框架,嵌套一个网页进去即可实现;很简单的;
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
以下是iframe的属性、值、描述
align leftrighttopmiddlebottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder 10 规定是否显示框架周围的边框。
height pixels% 规定 iframe 的高度。
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox ""allow-formsallow-same-originallow-scriptsallow-top-navigation 启用一系列对 <iframe> 中内容的额外限制。
scrolling yesnoauto 规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width pixels% 定义 iframe 的宽度。
根据属性修改你嵌套的网页内容;希望我的回答对你有所帮助;
使用iframe
或者用jquery的$.load();方法
如何将一个HTML页面嵌套在另一个页面中
这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改。拓展:1、超文本标记语言,标准通用标记语言下的一个应用。“超文...
如何将一个HTML页面嵌套在另一个页面中
将一个html页面中嵌入另一个html页面需要使用到iframe标签。iframe标签用法:<iframe src="你要嵌套的页面.html" frameborder="0" width="300" scrolling="No" height="200" leftmargin="0" topmargin="0"><\/iframe>scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距 ...
怎样将一个HTML标签嵌入在另一个HTML标签中?
1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围 ...
如何将一个HTML页面嵌套在另一个页面中
最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里, 然后其他页面文件在页面内容的最后包含这个文件就可以了,具体例子下面有。要 html文件嵌套,最简单的办法是使用SSI(Server Side Include)技术,也就是在服务器端两个文件就被合并了。除了少数免费网页寄存服务外,几乎所有的网页...
html中怎么从一个页面跳转到另一个页面?
首先说答案,HTML网页内容是可以通过JavaScript脚本来动态改变的。你右键->源码,看到的数据,是网页最原始的代码,这个时候,JavaScript脚本还没开始执行。而你右键->检查,一般都是在JavaScript脚本执行后,做的操作。看到不一样,是因为JavaScript改变了A标签。很多网站的原始网页都是很简单的,大部分数据...
html中怎么从一个页面跳转到另一个页面
3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将<a name='jump flag'> <\/a>添加到跳转位置作为跳转的标识符。4、使用时,在其他页面的地址末尾添加#jump标志。5、使用jquery跳转,引入jquery。6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。
怎样把一个网页保存为html格式?
2. 怎么以HTML格式保存页面内容 只要将网页另存为,就是可以保存成HTML格式。步骤如下:1、点击你的浏览器,然后选择右上角的三条杠。2、点击另存网页为。3、然后选择保存类型,点击第一个。然后就能保存成HTML格式。3. 怎样把一个网页保存到电脑上并且保存为HTML文件 第一步:编写HTML 对于这个...
如何将一个.html导入进另一个.html页面?
一、div+$(“#page1”).load(“b.html”) 参考代码:二、iframe 参考代码:三、object引入 参考代码:四、import引入 参考代码:五、bootstrap的panel组件,或者easyui的window组件,有点类似这个效果;HTML里用如何包含引用另一个html文件整理了3个方法,一个是HTML的iframe标签,别两个是JS引用。
Html怎么把一个页面分成上中下三部分,中间和下面再分成左右两部分...
<frameset rows="20%,60%,20%"> <frame src="top.html"> <frameset cols="20%,*"> <frame src="left.html"> <frame src="right.html"> <\/frameset> <frameset cols="50%,*"> <frame src="left1.html"> <frame src="rigth1.html"> <\/frameset> <\/frameset> ...
如何用HTML创建一个简单网页
HTML是一种制作网页的编码语言。想看看它是什么样子,访问IE并右键点击空白处选择“查看源文件”。你会看到一个代码页面,那就是HTML。浏览器可以理解这些代码,并把这些代码解释成Web页面。 在IE浏览器中,选择查看菜单中的“源”。在Mozilla Firefox中,按下[Ctrl]+U查看网页源代码。在Safari中,选择...
闾葛双佶: 方法1:iframe 方法2:DIV设定好尺寸,然后将另外一个页面通过JS的load函数放进来 方法3:还是div,但是使用的是富文本模式
陆河县18791638752: 如何将html页面嵌套在另一个html页面中 - ?
闾葛双佶: 使用框架标签:1. iframe http://www.w3school.com.cn/html/html_iframe.asp2. frameset http://www.w3school.com.cn/html/html_frames.asp
陆河县18791638752: 如何将一个HTML页面嵌套在多个动态页面 - ?
闾葛双佶: html文件嵌套,最简单的办法是使用SSI(Server Side Include)技术,也就是在服务器端两个文件就被合并了.除了少数免费网页寄存服务外,几乎所有的网页寄存服务器都支持 SSI.这也是一个比较推荐的方法,它与ASP和ASP.NET网页使用的语法一模一样.如果网站管理员偏向使用PHP或JSP的话,语法会稍有不同.对于不能使用SSI、ASP、ASP.NET、PHP和JSP等服务器端动态页面语言的情况,这里还将介绍两种客户端镶嵌的办法:JavaScript和iframe的方法.当这两种客户端的方法都有很大的弊病,一般不推荐使用.
陆河县18791638752: 怎样将静态的html页面嵌入到另一个html页面 - ?
闾葛双佶: 用jquery ajax请求$.post(url, [data], [callback], [type]) 后面两个参数看情况需不需要 如果要页面载入时请求再用个ready(fn)
陆河县18791638752: html代码如何实现重用??嵌入到另一个html文件中? - ?
闾葛双佶: 可以的,不过需要将该页面修改为.asp 比如首页原来是index.html 修改为index.asp,然后就可以增加头部和尾部文件~每一页都是一样的,头部文件可以插入如下语句: <!--#include file="header.html"-->
陆河县18791638752: 将一个网页插入到另一个网页里边,怎么做? - ?
闾葛双佶: 一个网站的内容嵌套到另一个网页中可以使用iframe框架实现 ,如下图,这样子就可以把对方的网页嵌套到你的网页里面展示了. 1、如下图代码 2、预览出来的页面效果
陆河县18791638752: 如何将HTML页面嵌套在另一个页面? - ?
闾葛双佶: 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可.这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单...
陆河县18791638752: 请问怎么才能在一个html页面中嵌套其他的html文件?
闾葛双佶: <iframe name="iframe1" src="abc.html" ></iframe>
陆河县18791638752: 怎么把一个页面嵌入到另一个页面 - ?
闾葛双佶: 多建一个纵向页面,把光标定位到中间的纵页面.在菜单栏中选 插入--分隔符--在分节符中选“下一页”然后选“文件”--页面设置--页边距--横向,即可.
陆河县18791638752: html中嵌套另外一个html页,不用iframe,用div,span等容器. - ?
闾葛双佶: 我前几天做的一个是用iframe实现的,object也一样,有人说用js可以实现这个我没弄出来,嵌入网页的css和js就直接放到独立文件然后在网页内link一下或放到html头就好用