一个简单的ifream使用实例

以前写 ifream 是用在管理系统之类的场景,页面集成用。虽然使用方便,但其性能实在是不敢恭维。

每个页面都需要加载页头,冗余极多。遂弃之!

沉迷在前端路由和组件带来的欢愉,渐渐忘却了曾经的烦恼。

前些天有朋友需要个广告页,本来下意识的想用写个组件,但思来想去还是决定用iframe。原因是不愿让无关紧要的内容扰乱原本洁净的代码。

具体怎么做呢?

  • ifream 宽、高最大化,样式去除
  • 广告位设定

代码如下:

  <style>
    body {
      margin: 0;
    }

    #xsen {
      width: 100%;
      height: 100%;
      border: none;
    }

    #vendor {
      position: fixed;
      bottom: 0;
      right: 0;
      width: 6.66rem;
    }
  </style>
</head>

<body>
  <iframe src="http://xunsu.online" id="xsen"></iframe>
  <img src="/img/yixzm.png" id="vendor" alt="广告位招商">
</body>

你瞧瞧,你瞧瞧,这是多么简单的事情!

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!