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 23 Javascript
关于this和self的使用说明
Aug 01 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
Dec 30 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
深入学习JavaScript对象
Oct 13 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
原生js+canvas实现下雪效果
Aug 02 Javascript
Javascript var变量删除原理及实现
Aug 26 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
超级实用的7个PHP代码片段分享
2012/01/05 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
全面解读PHP的Yii框架中的日志功能
2016/03/17 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
linux面试题参考答案(5)
2014/09/01 面试题
Laravel中Kafka的使用详解
2021/03/24 PHP
应届生服务员求职信
2013/10/31 职场文书
大专生的学习自我评价
2013/12/04 职场文书
投标承诺书范本
2014/03/27 职场文书
应届生求职信范文
2014/05/26 职场文书
党的群众路线教育实践活动总结报告
2014/07/03 职场文书
财务个人年度总结范文
2015/02/26 职场文书
php7中停止php-fpm服务的方法详解
2021/05/09 PHP
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL