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中的内容了!
还没有评论,来说两句吧...