html文件如何完全调用另一个html文件内容?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html文件如何完全调用另一个html文件内容?相关的知识,希望对你有一定的参考价值。

你可以将首页需要更新的内容都分别做成一个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>
参考技术A 做个比喻啊比如用a.html调用b.html
<html>
<head>
</head>
<body>//body体内插入下面代码
0代表没边框想要边框换成1
下拉条no想要就yes
<iframe
frameborder="0"
scrolling=no
style="zoom:100%"
name="iframe1"
src="b.html"
width="960px"
height="120px"
/></iframe>
自己写个b.html试试。
参考技术B html是实现不了的,
要动态的脚本才能做到,
比如asp直接
包含这个文件就可以

你想要这样的话,就得弄成动态的哦本回答被提问者采纳

一个js方法中怎么调用另一个js文件

Js文件中调用其它Js函数的方法:
1、例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢?
首先,在html中引入b.js,并在</body>之后加入引用语句。必须注意,将要引入的Js文件代码放在</body>下面。
<html>
<body>
<input type="button" value="ok" onclick="javascript:b()">
</body>
<!--这里引用要放在body下面-->
<script language="JAVASCRIPT" src=\'b.js\'></script>
</html>
b.js文件中引入a.js,内容如下:
new_element=document.createElement("script");

new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这里引入了a.js
document.body.appendChild(new_element);
function b()
a();


在b.js文件中前4行代码中我们引入了a.js文件,并在第7行代码中调用了a.js代码中的a()方法。
注意:<script language="JAVASCRIPT" src=\'b.js\'></script>一定要放在body下面。
因为在b.js中用到了body(document.body.appendChild(new_element);)
如果将引如b.js的代码放在body上面,也就是说, 进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。 这时body不存在就会抛javascript错误。
参考技术A
另外一个JS从外部引进的话可以直接调用,如果写在同一个JS文件中,只要放到全局中也是可以在任何地方调用的

以上是关于html文件如何完全调用另一个html文件内容?的主要内容,如果未能解决你的问题,请参考以下文章

一个js方法中怎么调用另一个js文件

如何在一个js文件里调用另一个js文件里的function

将文本区域的文本保存在数据库中

HTML5如何调用公共文件?

单击 HTML 按钮时如何触发带有文本区域内容的文件下载

请问一个js文件中如何调用另一个js文件的方法