admin管理员组

文章数量:1794759

html调用其他网页内容

html调用其他网页内容

文章目录
  • 说明
  • 定义一个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>

执行index.html就可以看到调用的time.html中的内容了！

本文标签： 网页内容html

版权声明：本文标题：html调用其他网页内容 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686815605a106386.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。