iframe实用操作锦集

iframe高度设置为子页面高度


代码如下:

//需要使用Jquery
$(document).ready(function () {
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight + "px";
});

iframe高度自适应于父页面


代码如下:

//需要使用Jquery
$(window).resize(function () {
var webheight = document.body.clientHeight - X; //X是需要减去的高度量，例如顶部导航的高度
$("#ifPage").attr("style", "height:" + webheight + "px;");
});
$(window).load(function () {
var webheight = document.body.clientHeight - 105;
$("#ifPage").attr("style", "height:" + webheight + "px;");
});

父子页面间传递元素
父页面获取子页面中的数据，JS代码：


代码如下:

//根据iframe的id获取对象
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0];也可以
//获取iframe中的元素值
var val=i1.document.getElementById("t1").value

子页面获取父页面中的数据，JS代码：


代码如下:

var val = parent.document.getElementById("txt1");

子页面与子页面间的传递，JS代码：


代码如下:

var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;

刷新父页面


代码如下:

function parentReload() { window.parent.location.reload();}

重新加载子页面


代码如下:

iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx";

赞 (0)

相关推荐

  • iframe实用操作锦集

    iframe高度设置为子页面高度 复制代码 代码如下: //需要使用Jquery $(document).ready(function () { parent.document.getElementById("ifPage").style.height = document.body.scrollHeight + "px"; }); iframe高度自适应于父页面 复制代码 代码如下: //需要使用Jquery $(window).resize(function (

  • jQuery中iframe的操作(点击按钮新增窗口)

    jQuery中iframe的操作(点击按钮新增窗口)

    <iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分. 今天遇到一个问题:怎样实现点击一个按钮,在当前的页面上新增加一个小窗口,展示一个图片信息? 如下图所示: 点击之前: 单击之后: 分析:要使新增的小窗口不影响父页面,我们这里采用iframe的框架的技术. [<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分.] 实现是思路:(1)在按钮的上添加一个

  • Oracle 数据库操作技巧集

    正在看的ORACLE教程是:Oracle 数据库操作技巧集.［编者注:］提起数据库,第一个想到的公司,一般都会是Oracle(即甲骨文公司).Oracle在数据库领域一直处于领先地位.Oracle关系数据库系统是目前世界上流行的关系数据库管理系统,系统可移植性好.使用方便.功能强,适用于各类大.中.小.微机环境.Oracle9i是Oracle于今年6月份正式推出的数据库最新产品.Oracle9i在可伸缩性.可靠性和完整性方面有着上佳的表现,一推出就获得了开发者的认同.它是一种高效率.可靠性好的适

  • python 自动化偷懒的四个实用操作

    python 自动化偷懒的四个实用操作

    自动化有助于解放人们的工作.不过说实话,即使对简单的任务自动化也需要时间和大量的依赖关系管理,而这可能非常复杂. Python对于几乎所有东西的交互都很友好.从发送HTTP请求.与API交互.到加载和管理数据库都是如此.因此Python是自动化的绝佳选择. 以下是用Python实现自动化的四项简单操作,可以帮助完成各种工作流程和项目. 1.自动移动鼠标,以便Skype / Lynk显示你在工作中处于活动状态 想象一下,在过去十分钟内,你一直在浏览最喜爱的社交媒体应用中的新闻.突然,Lynk软件中

  • 详解Matlab中自带的Java操作合集

    详解Matlab中自带的Java操作合集

    目录 1 获取鼠标在全屏位置 2 获取当前剪切板内容 3 内容复制到剪切板 4 获取鼠标处像素颜色 5 获取屏幕截图 6 创建java窗口(并使其永远在最上方) 7 透明窗口 1 获取鼠标在全屏位置 屏幕左上角为坐标原点,获取鼠标位置和获取鼠标像素颜色建议和while循环或者timer函数结合使用: import java.awt.MouseInfo; mousepoint=MouseInfo.getPointerInfo().getLocation(); mousepoint=[mousepo

  • python字符串的一些常见实用操作

    python字符串的一些常见实用操作

    目录 切片——str[start:end] 字符串长度——len(str) 重复字符串 ——1.str * n,2.n * str 查找某个字符 or 某个字符子串在不在原字符串中 1.in 关键字 2.find函数 3.index函数 4.rfind函数 5.rindex函数 字符串中某字符(子字符串)的数量——str.count(sub, start= 0,end=len(string)) 去除空格——str.strip().str.lstrip().str.rstrip() 分割字符串——

  • ZooKeeper集群操作及集群Master选举搭建启动

    ZooKeeper集群操作及集群Master选举搭建启动

    目录 ZooKeeper介绍 ZooKeeper特征 分层命名空间 搭建ZK集群 启动zk集群 zk集群master选举 ZooKeeper介绍 ZooKeeper 是一个为 分布式应用 提供的 分布式 .开源的 协调服务 . 它公开了一组简单的 原语 ,分布式应用程序可以根据这些原语来实现用于 同步 .配置维护 以及 命名 的更高级别的服务. 怎么理解协调服务呢?比如我们有很多应用程序,他们之间都需要读写维护一个 id ,那么这些 id 怎么命名呢,程序一多,必然会乱套,ZooKeeper 能

  • Python实现简单的文件操作合集

    Python实现简单的文件操作合集

    目录 一.文件操作 1.打开 2.关闭 3.写入 4.读取 二:python中自动开启关闭资源 一.文件操作 1.打开 r+ 打开存在文件 文件不存在 报错 file = open("user.txt","r+") print(file,type(file)) w+ 若是文件不存在 会创建文件 file = open("user.txt","w+") print(file,type(file)) 2.关闭 file.close

  • Python中字典创建、遍历、添加等实用操作技巧合集

    字段是Python是字典中唯一的键-值类型,是Python中非常重要的数据结构,因其用哈希的方式存储数据,其复杂度为O(1),速度非常快.下面列出字典的常用的用途. 一.字典中常见方法列表 复制代码 代码如下: #方法                                  #描述  -------------------------------------------------------------------------------------------------  D.c

  • SqlServer 实用操作小技巧集合第1/2页

    包括安装时提示有挂起的操作.收缩数据库.压缩数据库.转移数据库给新用户以已存在用户权限.检查备份集.修复数据库等 (一)挂起操作 在安装Sql或sp补丁的时候系统提示之前有挂起的安装操作,要求重启,这里往往重启无用,解决办法: 到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager 删除PendingFileRenameOperations (二)收缩数据库 --重建索引 DBCC REINDEX DBCC IND

随机推荐