html 怎样直接引入另一个页面

Posted 2023-05-15

html文件引入其它html文件的三种方法：
可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下。
1.IFrame引入

a.html引入b.html的内容
<iframe name="content_iframe" marginwidth=0 marginheight=0 width=100% height=30 src="b.html" frameborder=0></iframe>
参数：
runat="server" 这个最好加上Iframe跳转 asp.net 可在当前iframe中跳转
src 链接到的地址URl
frameborder 是否显示边框（0无边框 1有边框）
scrolling 是否有滚动条（yes有滚动条 no无滚动条）
allowtransparency 背景是否透明（yes透明 no不透明）
详细介绍：http://www.cnblogs.com/kingboy2008/archive/2011/05/10/2055545.html
不足：很多页面都有下拉单，那么iframe 就不方便使用了，因为是在a窗口里面嵌入了b窗口。那么iframe的窗口则是固定不变的。没法自动调节。iframe 这个我没用过，之前看过一些小说网站，因为对内容的隐秘性，不让读者能复制内容，他们就是用了iframe的方法。
比如此处的下拉单要到内容部分，这样iframe就不适用了。那么用include方式就很方便。接下来会有include方式详解。
2.<object>方式

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。
<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。
而我用object方式就常用于插入一个flash插件。
将内容引入放置到你的div中

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='flashDiv' id='flashDiv' border='none'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0'>
<param name='movie' value='js/webchat.swf'>
<param name='quality' value='high'>
<embed src='js/webchat.swf' width='1100' height='680' quality='high' name='flashDiv'
type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' </embed>
</object>
详细链接：http://blog.163.com/horse622@126/blog/static/477054722009102492216760/

param的详解：http://201205083157.iteye.com/blog/1863322
3.include（这是我此处重点讲解，也是最方便使用的）
一个网站很多页面里面，一部分内容的代码是一样的，比如：head，footer，menu等。那么我们则可以写一个头部，一个尾部，一个menu然后引入到需要用的页面里面，则不需用写重复的代码了。include是在a.html里面嵌入b.html的代码，是将代码拼凑完整，而不是在浏览器中嵌入一个浏览器。
这样的好处是，当重复代码修改一个小地方时候，只需在一个html里面修改，不需要重复修改代码，也不会因为页面太多导致漏掉未修改。
我将内容分成4部分，然后将heder、menu、footer引入到index里面，将会看见网页代码就成完整的了： 参考技术A 在asp页面中引用外部页面很简单，使用以下语句就可以：但是在html静态页面中引用外部页面则没那么方便，主要方法有：1.使用框架来实现，但是那样占用线程较多，速度慢；加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍2.使用.js脚本来实现就是把相关的html文件转化为js文件.再在调用的时候用或，此时import.asp中的内容必须使用js输入才行。如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。另外，编写js输出的内容代码较凌乱，容易出错。3.下面是一种实现方法：最好能有一种方法，就像asp页面包含其他页面时那样，用一小段包含语句就可以实现，不要将需要包含的内容出现在本页面内，而是分割出去到另外一个自己的页面。注：包含的页面为top.htm只要把需要包含的页面改掉就可以了！其中id=showimport不能改为其他，这种写法为一次包含一个文件。4.个人觉得此法方便比较好5.Behavior的download方式6、HTML中执行SSL存在这种情况，主机只默认的是index.html，但是需要首页是动态的，除了上述方法，可以使用SSL[!--#execcgi="index.pl"--]1、在服务器上打开“服务器端包含”2、把你的静态文件扩展名改成：shtml3、在文件中添加

怎样在页面做一个链接跳转另一个页面

主要看你想实现什么样子的打开
如果是新建页面跳转：
window.open (url); url可以配成新页面的路径，也可以是要访问的action，再通过action跳转你要的页面。
如果不是新建页面：
1、可以使用表单(form)标签来跳转到action，再通过action跳转你要的页面。
2、用href 跳转，如<a href="../../findallsupplier.action?sign=0"></a> 参考技术A 要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式： 第一种：(跳转到b.html)window.location.href="b.html";第二种：（返回上一页面）window.history.back(-1);