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 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
jquery插件jSignature实现手动签名
May 04 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
React Native悬浮按钮组件的示例代码
Apr 05 Javascript
微信小程序实现侧边栏分类
Oct 21 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
回帖脱衣服的图片实现代码
2014/02/15 PHP
php除数取整示例
2014/04/24 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
2016/01/25 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
python实现rest请求api示例
2014/04/22 Python
基于python实现微信模板消息
2015/12/21 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
django使用admin站点上传图片的实例
2019/07/28 Python
python要安装在哪个盘
2020/06/15 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
应届生污水处理求职信
2013/11/06 职场文书
文明市民先进事迹
2014/05/15 职场文书
少先队活动总结
2014/08/29 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
校园运动会广播稿
2015/08/19 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
python内置模块之上下文管理contextlib
2022/06/14 Python