【javascript IFrame 强制刷新代码】教程文章相关的互联网学习教程文章

iframe父页面获取子页面参数的方法

1、父页面中的iframe 代码如下:<iframe name="parentPage"></iframe> 2、子页面中元素的属性 代码如下:<input type="text" id="date" data-dojo-type="dijit/form/DateTextBox" value="2013-11-12"/> 3、取子页面中DateTextBox中值 代码如下:var statisDate = window.frames["parentPage"].document.getElementById(date).value;

js动态创建上传表单通过iframe模拟Ajax实现无刷新

代码如下:<script> window.onload=function(){ upfile(file.php); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = iframeName; iframe.name = iframeName; iframe.style.display = none; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = post; tu...

javascript 获取iframe里页面中元素值的方法

IE方法:document.frames[myFrame].document.getElementById(test).value; 火狐方法:document.getElementById(myFrame).contentWindow.document.getElementById(test).value; IE、火狐方法: 代码如下: function getValue(){ var tmp = ; if(document.frames){ tmp += ie哥说:; tmp += document.frames[myFrame].document.getElementById(test).value; }else{ ...

JS操作iframe里的dom(实例讲解)

直接赋值如下代码测试即可明白: 1.html: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head> <body><div class="line">====================注意:测试从这里开始================...

兼容主流浏览器的iframe自适应高度js脚本

兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下://iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); }, 200); }<span style="font-family: Arial, Helvetica, sans-serif;"> </span> 调用方法: 代码如下:<iframe id="...

jQuery在iframe中无法弹出对话框的解决方法

jQuery的弹出框使用很方便,但是如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,这个时候就需要处理这个问题。 其实也非常简单,思路就是让iframe的父窗口弹出这个对话框。例如: parent.confirmDialog(); 这样就可以用了。不是什么有技术含量的问题,记下来,防止忘记。

iframe窗口高度自适应的实现方法

domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条由于javascript同源策略的限制,无法进行跨域操作,使得问题比较棘手参考了一下网上的做法,引入了一个代理页面,或者叫做中介 agent.html,属于domainA然后,在domainB 中的other.html中,再使用iframe将agent.html进行嵌套 好了,现在情况是这样...

用js+iframe形成页面的一种遮罩效果的具体实现

用这锻代码 之前请先下载jquery库 代码如下:var maskStackCount = 0; function mask(method){ //这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window) var winObj=window.top.$("body").find("iframe[name=dialognormaliframe]"); if(typeof method == "undefined"){ method="open"; } if (method == "open") { if (maskStackCount <= 0) { var mask = $("<div id=window-mask class=win...

同域jQuery(跨)iframe操作DOM(实例讲解)

frame目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。 代码如下:<iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe> <input type="button" id="read-aa" value="读取iframe #aa"> <input type="button" id="write-aa" value="写入iframe #aa"> 代码如下:$(#read...

js与jQuery 获取父窗、子窗的iframe

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2、 格式: var obj=document.getElementByIdx_x("iframe的name").contentWindow; var ifmObj...

跨域传值即主页面与iframe之间互相传值

需求一:主页面A 怎么向 iframe B 传递数据呢? 这种方式,是主页面需要给 iframe B 传递数据,然后 iframe B 获得到数据后进行特定的处理 实现方式 实现的技巧就是利用 location 对象的 hash 值,通过它传递通信数据,我们只需要在主页面A中设置 iframe B 的 src 后面多加个 #data 字符串(data就是你要传递的数据),如下图所示: 然后在 iframe B 中通过某种方式能即时的获取到这儿 data 就可以了,其实常用的一种方式就是: 1....

jquery 操作iframe的几种方法总结

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(":text"); iframe框架的HTML:<ifr...

同域jQuery(跨)iframe操作DOM(示例代码)

frame目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。 代码如下:<iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe> <input type="button" id="read-aa" value="读取iframe #aa"> <input type="button" id="write-aa" value="写入iframe #aa"> 代码如下:$(#read...

js如何设置在iframe框架中指定div不显示

代码如下:<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>测试</title> <script language="javascript" type="text/javascript"> function getStyle() { if (window.top == window.self) { document.getElementById("top").style.display = block; } else { document.getElementById("top").style.display = none; } } </script> </head> <body onload="getStyle();"> <form id="form1" runat="serve...

在Iframe中获取父窗口中表单的值(示例代码)

部分代码如下: <from name="frm" action="bb.asp"> <table> <tr> <td><input type="text" name="BH"></td> </tr> <tr> <td><iframe name="ScrollFrame" src="aa.asp" width="100%"></IFRAME></td> </tr> </table> </form> 问题:如何在aa.asp中判断表单(frm)中输入框(BH)的值是否为空? ----------------------------------...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部