最近为了省事,避免不停地搬专题,采用了iframe模块把内容框起来,所有需要的网站可以共用这样的模块,
这种模块调用的前提是必须所有站使用的内容一致,如果内容有定制化,那么这么用肯定是不合适的,
<iframe src="abc" frameborder="0" width="100%" height="123"></iframe>
另外使用过程中iframe不能调用框架外的js以及css,也就是iframe是一个比较封闭的小集体,他不像模板变量一样,会在调用
过程中及时解析,而是根本不解析,只是嵌入,所以这也带来了更严重的遗留问题。
为了使用iframe必须在定义iframe模块时把这些调用全部考虑到,可能会涉及到重复的引入js/css等,
简单比方:
<html>
<head>
<link href="a.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="b.js"/></script>
</head>
<body>
//iframe中调用的任何js和css都是无效的
<iframe src="abc" frameborder="0" width="100%" height="123"></iframe>
</body>
</html>
如果想使用a.css和b.js, 必须在被调用的框架中重新引入才行。
这种模块调用的前提是必须所有站使用的内容一致,如果内容有定制化,那么这么用肯定是不合适的,
<iframe src="abc" frameborder="0" width="100%" height="123"></iframe>
另外使用过程中iframe不能调用框架外的js以及css,也就是iframe是一个比较封闭的小集体,他不像模板变量一样,会在调用
过程中及时解析,而是根本不解析,只是嵌入,所以这也带来了更严重的遗留问题。
为了使用iframe必须在定义iframe模块时把这些调用全部考虑到,可能会涉及到重复的引入js/css等,
简单比方:
<html>
<head>
<link href="a.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="b.js"/></script>
</head>
<body>
//iframe中调用的任何js和css都是无效的
<iframe src="abc" frameborder="0" width="100%" height="123"></iframe>
</body>
</html>
如果想使用a.css和b.js, 必须在被调用的框架中重新引入才行。