html调用其他网页内容

编程知识更新时间:2023-04-07 13:37:46

文章目录

说明
定义一个html功能模块
调用html的功能模块

说明

在a网页里调用b网页的内容，比如我们需要在b.html,c.html…网页中写同一个功能，此时我们就可以用a.html写好该功能，然后在b和c中调用a的功能即可！

定义一个html功能模块

为了展示我就以一个时间模块为例，功能模块随便写动态的也可以的！
（我用的工具是pycharm）

time中是如下代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>JS时间</title>
<meta http-equiv="Contnt-Type" mrc="text/html; charset=gb2312">
</head>
<body>
<!- 整个页面内容都是js时间 ->
<div id="linkweb">
</div>
<script>setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
</body>
</html>

执行该html显示页面就是一个动态时间：

调用html的功能模块

调用html模块代码（其实就是iframe，需要了解更多直接百度iframe)，下面代码需要更改的就是src的内容，src的内容就是需要调用html的名称：

 <div id="page1">
         <iframe align="center" width="100%" height="555" src="time.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>

这里在index.html中调用time.html中的功能，全部代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
 <div id="page1">
         <iframe align="center" width="100%" height="555" src="time.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>
</body>
</html>