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 相关文章推荐
一个可以显示阴历的JS代码
Mar 05 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
JavaScript 加号(+)运算符号
Dec 06 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
基于jQuery实现顶部导航栏功能
Dec 27 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
Jan 02 Javascript
详细分析vue响应式原理
Jun 22 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
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
一个odbc连mssql分页的类
2006/10/09 PHP
phpinfo 系统查看参数函数代码
2009/06/05 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php上传文件的增强函数
2010/07/21 PHP
php 数组使用详解 推荐
2011/06/02 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
使用layui+ajax实现简单的菜单权限管理及排序的方法
2019/09/10 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
2019/10/25 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
python实现的简单窗口倒计时界面实例
2015/05/05 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
python实现多进程代码示例
2018/10/31 Python
python文本数据处理学习笔记详解
2019/06/17 Python
python中class的定义及使用教程
2019/09/18 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
django中related_name的用法说明
2020/05/20 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
高三毕业感言
2015/07/30 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python