使用iframe进行框架嵌套的问题

最新推荐文章于 2024-07-19 09:38:48 发布

zurich1979

最新推荐文章于 2024-07-19 09:38:48 发布

阅读量9.1k

点赞数

分类专栏：技术文章标签：框架 html css js

本文链接：https://blog.csdn.net/zurich1979/article/details/40920983

版权

技术专栏收录该内容

34 篇文章 0 订阅

订阅专栏

    最近为了省事，避免不停地搬专题，采用了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, 必须在被调用的框架中重新引入才行。