iframe高度的自适应

2013-08-22

字数统计: 154字 | 阅读时长: 1分

阅读量

在项目开发中，遇到的一个问题。弹出的页面中有iframe。例

1 2	<iframe src="www.baidu.html" width="100%" charset="gb2312"> </iframe>

弹出窗口有最大化最小化。当点击最大化后由于iframe高度固定，所以页面显示有部分的留白。处理方案，在页面onload的时候

1
2
3

function initPra(){
	$("iframe").height($(window).height());
}

第二步，当点击最大化时，触发onresize事件，重置iframe的高度

1
2
3

function initheigth(){
	$("iframe").height($(window).height());
}

页面的body方法为

1 2	<body onresize="initheigth();" onload="initPra();"> </body>

载入天数...载入时分秒...

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

经验丰富的老码农