Html中 IFrame的用法及注意点


Posted in Javascript onDecember 22, 2016

0x01 iframe的跳出框架

0x02 iframe样式设置

0x03 iframe重置高度

1、首先来一个,跳出iframe的好方法,直接可以在Login.aspx页面使用。

if (window.parent.[IFRAME外壳的某方法]) {
 top.location.href = "Login.aspx";
}

2、再来段比较好看的iframe

<script type="text/javascript">
 function SetWinHeight() {
  var obj = document.getElementById("content");
  var win = obj;
  if (win && !window.opera) {
   if (win.contentDocument && win.contentDocument.body.offsetHeight)
    win.height = win.contentDocument.body.offsetHeight + 20;
   else if (win.Document && win.Document.body.scrollHeight)
    win.height = win.Document.body.scrollHeight + 20;
  }
 }
 window.onresize = function () {
  SetWinHeight();
 }
</script>
<div class="page-body">
 <iframe id="content" src="None.aspx" name="content" onload="javascript:SetWinHeight()" frameborder="0"
  scrolling="auto" style="min-height: 700px;" height="100%" width="100%"></iframe>
</div>

3、子页面的使用,子页面,在调整大小后,可以调用父页面的SetWinHeight就可用把布局弄好看了。

if (window.parent.SetWinHeight)
  window.parent.SetWinHeight();

以上所述是小编给大家介绍的Html之 IFrame使用及注意点,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
非常不错的一个javascript 类
Nov 07 Javascript
javascript 特殊字符串
Feb 25 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
layui框架table 数据表格的方法级渲染详解
Aug 19 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
Jul 03 Javascript
微信小程序实现页面浮动导航
Jan 08 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 #Javascript
BootStrap3使用错误记录及解决办法
Dec 22 #Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
Dec 22 #Javascript
Angular-Touch库用法示例
Dec 22 #Javascript
Json按某个键的值进行排序
Dec 22 #Javascript
js实现登录验证码
Dec 22 #Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 #Javascript
You might like
在同一窗体中使用PHP来处理多个提交任务
2006/10/09 PHP
php中file_exists函数使用详解
2015/05/08 PHP
php compact 通过变量创建数组
2016/11/15 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
js中更短的 Array 类型转换
2011/10/30 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
javascript控制台详解
2015/06/25 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
2015/12/04 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
django实现分页的方法
2015/05/26 Python
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
生产厂厂长岗位职责
2013/12/25 职场文书
高中自我评价范文
2014/01/27 职场文书
离婚协议书范本样本
2014/08/19 职场文书
公务员政审材料范文
2014/12/23 职场文书
战马观后感
2015/06/08 职场文书
关于五一放假的通知
2015/08/18 职场文书
Python采集股票数据并制作可视化柱状图
2022/04/04 Python