如何在html中调用html文件

如何在html中调用html文件,第1张

有两种方法。1,<!--#include file="wedding_bottom.html"-->注意这种方式被引入的html文件不能含有<html><head><body>标签。2,<iframe width="869px" height="768px" id="windows" name="windows" frameborder="0" src="hkprintingone.asp" scrolling="auto" style="overflow:scrolloverflow-x:hiddenoverflow-x:hidden !importantoverflow-y:hiddenoverflow-y:auto !importantborder-right:#F2A116 1px solid"></iframe>这种方式就没有上面的要求。

你可以将首页需要更新的内容都分别做成一个html,然后首页就使用iframe将各个需要更新的内容嵌进来,其余的几个html文件亦同样用iframe嵌入相应的html即可,其中iframe的使用方法如下:

<iframe

src="相同更新内容的html页面路径"

frameborder="0"

scrolling="no"></iframe>

相当于你的首页将会是大概这样子:

<html>

<head>

<title>首页</title>

</head>

<body>

<div

class="header">

<iframe

src="header.html"

frameborder="0"

scrolling="no"></iframe>

</div>

<div

class="content">

<iframe

src="content1.html"

frameborder="0"

scrolling="no"></iframe>

<iframe

src="content2.html"

frameborder="0"

scrolling="no"></iframe>

<iframe

src="content3.html"

frameborder="0"

scrolling="no"></iframe>

<iframe

src="content4.html"

frameborder="0"

scrolling="no"></iframe>

</div>

<div

class="footer">

<iframe

src="footer.html"

frameborder="0"

scrolling="no"></iframe>

</div>

</body>

</html>

而二级页面可能只需要首页的头部,脚部,还有其中一部分内容

<html>

<head>

<title>首页</title>

</head>

<body>

<div

class="header">

<iframe

src="header.html"

frameborder="0"

scrolling="no"></iframe>

</div>

<div

class="content">

<iframe

src="content2.html"

frameborder="0"

scrolling="no"></iframe>

</div>

<div

class="footer">

<iframe

src="footer.html"

frameborder="0"

scrolling="no"></iframe>

</div>

</body>

</html>

html转化为asp,只要把.html后缀修改为.asp后缀就可以了html嵌入一个iframe可以实现,或者用js来添加也可以如果目的是为了上传到互联网上供大家浏览,那么网站转化为asp后,用<!--#file="" -->调用这个是最好的--------------如果只是纯碎的玩玩,那么用iframe或者js这个更加好一点,------------------首先是iframe嵌入,首先你把导航写在nav.html这个文件里面,然后调用代码为:<body><iframe src="nav.html" width="960px" height="50px" frameborder="0" scrolling="no"></iframe></body>-----------------------------js方法就是通过createElement以及createTextNode来实现,这个就不多说了


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

原文地址: http://outofmemory.cn/zaji/7298948.html

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

发表评论

登录后才能评论

评论列表(0条)

保存