html有多个页面是相同的怎么用一个页面引用

html有多个页面是相同的怎么用一个页面引用,第1张

将多个html页面里引进相同的一个头部页面的方法如下:

1. iframe 包含法。

页头和页尾分别做成一个页面,然后通过iframe嵌入到调用的页面。这种方法在页头页尾高度固定的时候比较适用,因为当页头页尾高度不固定时,需要iframe根据页面内容自适应高度,

将一个html页面中嵌入另一个html页面步骤如下:

1、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling="auto"以添加滚动条。另外,其width和height要单独设置。

2、其链接到的html页面内容如图所示。给其添加如图meta标签,增加自动刷新功能。

3、在Python编写的httpserver中(Tornado),这两个url的请求都要处理。以本程序为例,用户浏览器载入main以后,main页面中的iframe标签会自动载入todolist。

4、如图是通过浏览器访问main页面,可以看到下面的框框中显示的就是todolist页面的内容。

5、另外,其右侧自带滚动条,而且这个潜入的页面设置了自动刷新,会时刻保持更新。

6、如果关闭了httpserver,会看到如簇所示情况,嵌入的页面刷新失败。但是main页面没有自动刷新,无影响。

您好,很高兴回答您的问题!

解答:html是一种超文本标记语言,而我们在写HTML时会经常在一个html文件中调用很多其他网页文件,这个时候我们需要怎么做呢?

我这里给您提供三种方法:一个是HTML的iframe标签,别两个是JS引用。比如要在arr.html文件里引用index.html文件,方法如下:

HTML引用方法:

<iframe name="toppage" width=100% height=100% marginwidth=0 marginheight=0 frameborder="no" border="0" src="index.html" ></iframe>

JS引用方法:

<object style="border:0px" type="text/x-scriptlet" data="index.html" width=100% height=100%></object>

或者

<script type="text/javascript" src="index.js"></script>

这三种方法都可以,就是看你自己怎样选择或者您哪方面要熟悉一些都可以使用。学习了这么久的html给我的一个最大的感受就是复杂,要学的东西太多了,而这就需要我们花大量的时间和精力去学习,去记忆,并进行实践,只有在不断的项目的实践中,我们才会有所学,有所悟,加油!


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6998403.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-31
下一篇2023-03-31

发表评论

登录后才能评论

评论列表(0条)

    保存