Html中 IFrame的用法及注意点

更新时间：2016年12月22日 15:44:07 作者：Supper_litt

这篇文章主要介绍了Html IFrame的用法及注意点,非常不错，具有参考借鉴价值，需要的朋友可以参考下

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使用及注意点，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

html
iframe

使用JavaScript实现计算颜色的相对亮度并确定相应的文本颜色
这篇文章主要为大家详细介绍了如何使用JavaScript实现计算颜色的相对亮度并确定相应的文本颜色,感兴趣的小伙伴可以跟随小编一起学习一下
2024-04-04
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
这篇文章主要介绍了Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置 ,需要的朋友可以参考下
2018-10-10
javascript获取元素的计算样式
在做html页面开发时，经常会使用到js（javascript）来处理客户端的逻辑，下面我们就来看一下，如何使用js来获取页面上的元素
2019-05-05
微信公众号网页分享功能开发的示例代码
这篇文章主要介绍了微信公众号网页分享功能开发的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-05-05
js canvas实现写字动画效果
这篇文章主要为大家详细介绍了js canvas实现写字动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
javascript将扁平的数据转为树形结构的高效率算法
这篇文章主要介绍了javascript将扁平的数据转为树形结构的高效率算法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
js 实现css风格选择器（压缩后2KB）
近日在做一些OA前端界面，为了更好管理页面代码想写个js选择器，写着写着发现很费力，索性在网上找找看，功夫不负有心人，找到一个mini css选择器，且性能不凡：以下代码是压缩后的，仅2KB
2012-01-01
关于Ajax的原理以及代码封装详解
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），相信大家对ajax都很熟悉，下面这篇文章主要给大家介绍了关于Ajax原理以及代码封装的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-09-09
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
这篇文章主要介绍了JS实现显示带倒影的图片横排居中放大展示功能,可实现点击图片及点击左右按钮滑动切换的效果,涉及javascript针对鼠标事件的响应及页面元素动态操作相关技巧,需要的朋友可以参考下
2016-08-08
js点击返回跳转到指定页面实现过程
这篇文章主要为大家详细介绍了js点击返回跳转到指定页面实现过程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-04-04

Html中 IFrame的用法及注意点

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具